How can I make the specific tags show up?

Using Ghost
1

Here is my home.hbs

{{> "components/index-sections" section-title="Recent Videos" }}
{{> "components/index-sections" section-title="Weekly Spiritual Insights" }}
{{> "components/index-sections" section-title="Highlighted Articles" }}
{{> "components/index-sections" section-title="Podcasts" }}

index-section components

<section class="container recent-articles">
  <div class="row">
    <div class="col-12">
      <div class="area">
        <h1 class="text-center">{{section-title}}</h1>
      </div>
    </div>
  </div>
  <div class="row">
    {{#foreach posts limit="3"}}
      <div class="col-sm-12 col-md-4">
        {{> "components/main-link-style"}}
      </div>
    {{/foreach}}
</div>
  </div>
  <div class="row">
    <div class="col-12">
      <div class="area">
        <a href="/knowledge/videos">
          <div class="button">{{section-title}}</div>
        </a>
      </div>
    </div>
  </div>
</section>

and my main-link-style

<div class="card video-card">
<a href="{{url}}"><img class="rounded" alt="{{title}}" title="{{title}}" src="{{feature_image}}">
</a><a href="{{url}}"><div class="title mt-2">
    <h1>
      {{ title }}
    </h1>
  </div>

  </a>
  {{#if custom_excerpt}}

    <div class="description">
      <p>
        {{custom_excerpt}}
      </p>
    </div>
  {{/if}}
  <a href="foo"><div class="button">
    View
  </div>
  </a>
</div>

what am i missing here?

2

I don’t see any #get request to actually pull specific content. You’re getting whatever content might be routed to that route.
So you need some modification like:

home.hbs:

{{> “components/index-sections” section-title=“Recent Videos” yourtag=“recent-videos”}}

index-sections:

<div class="row">

{{#get "posts" filter="tag:{{yourtag}}" limit="3"}}
{{#foreach posts limit="3"}}
<div class="col-sm-12 col-md-4">
{{> "components/main-link-style"}}
</div>
{{/foreach}}

{{/get}}
</div>