Video Blocks

Vulk ships with 3 ready to use video section block variations. You can of course easily create your own from the existing ones.

Block A

Block A variation 1

On point delivery.

Fast delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tracking app

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Saved orders

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Private sales

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block A

Block A variation 2

On point delivery.

Fast delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Tracking app

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Saved orders

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Private sales

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Block A Props

Available props for block A


<script setup lang="ts">
import { features4 } from '/@src/data/blocks/features'
</script>

<template>
  <VideoBlockA
    title="On point delivery."
    source="/assets/video/meeting.mp4"
    poster="/assets/demo/img/posters/poster-1d.jpg"
    :features="features4"
  />
</template>

Block B

Block B variation 1

Stay Relaxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Earn More

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Block B

Block B variation 2

Stay Relaxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Earn More

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed videbimus.

Block B Props

Available props for block B


<script setup lang="ts">
import { features5 } from '/@src/data/blocks/features'
</script>

<template>
  <VideoBlockB
    title="Our Product"
    :features="features5"
    source="/assets/video/meeting.mp4"
    poster="/assets/demo/img/posters/poster-2g.jpg"
  />
</template>

Block C

Block C variation 1

Our Product

Fast delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tracking app

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Saved orders

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Private sales

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block C

Block C variation 2

Our Product

Fast delivery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Tracking app

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Saved orders

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Private sales

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn More

Block C Props

Available props for block C


<script setup lang="ts">
import { features4 } from '/@src/data/blocks/features'
</script>

<template>
  <VideoBlockC
    title="Our Product"
    :features="features4"
    source="/assets/video/meeting.mp4"
    poster="/assets/demo/img/posters/poster-3d.jpg"
  />
</template>