connect/src/app/learn-how/faqs/faqs.component.ts

import {Component} from '@angular/core';
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

@Component({
  selector: 'learn-in-depth',
  template: `
    <div class="image-front-topbar"
         uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
         tm-header-transparent="light" tm-header-transparent-placeholder="">
      <div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom">
        <div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
          <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
        </div>
      </div>
      <html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
    </div>
  `
})
export class FaqsComponent {
  public pageTitle: string = "OpenAIRE - Connect | FAQs";
  public pageDescription: string = "Frequently asked questions about OpenAIRE Connect research gateway";
  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'FAQs'}];
}