بلوک‌های بخشبندی

<template>
  <Section>
    <Container>
      <!--Your content goes here-->
    </Container>
  </Section>
</template>

<template>
  <Section color="grey">
    <Container>
      <!--Your content goes here-->
    </Container>
  </Section>
</template>

<template>
  <Section bordered-top bordered-bottom>
    <Container>
      <!--Your content goes here-->
    </Container>
  </Section>
</template>

<template>
  <!--Wave 1-->
  <Section wave="wave-1" shape-color="grey">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>
  <Section color="grey">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>

  <!--Wave 2-->
  <Section wave="wave-2" shape-color="darker">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow inverted>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>
  <Section color="darker">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow inverted>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>
</template>

<template>
<!--Tongue 1-->
  <Section tongue="tongue-1" shape-color="grey">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>

  <!--Tongue 2-->
  <Section tongue="tongue-2" shape-color="grey">
    <Container>
      <div class="content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph">می‌توانم هر نوع محتوایی داشته باشم</p>
      </div>
    </Container>
  </Section>
</template>

<template>
  <Section
    v-background="{
      src: '/assets/demo/img/bg/3.jpeg',
      placeholder: 'https://dummyimage.com/1920x1080/',
    }"
    overlay
  >
    <Container>
      <div class="has-text-centered content py-6">
        <Title tag="h3" :size="4" weight="semi" narrow inverted>
          <span>من یک بخش هستم</span>
        </Title>
        <p class="paragraph is-inverted-light">
          می‌توانم هر نوع محتوایی داشته باشم
        </p>
      </div>
    </Container>
  </Section>
</template>