import { Component } from '@angular/core';
import {TranslateModule} from "@ngx-translate/core";

@Component({
    selector: 'app-friendly-pages',
    imports: [TranslateModule],
    template: ` 
  <div class="container">
    <div class="row row-cols-1 row-cols-md-3 g-4">
      <div class="col">
        <a href="{{ 'friendly_pages.bodypainter_eu.href' | translate }}" target="_blank" class="text-decoration-none">
          <div class="card h-100">
            <img 
              src="https://bodypainter.eu/zaklik-public-images/main/about-me.jpg" 
              class="card-img-top" 
              alt="{{'friendly_pages.bodypainter_eu.alt'| translate }}" 
            />
            <div class="card-body">
              <div class="card-title text-center h2">{{ 'friendly_pages.bodypainter_eu.title' | translate }}</div>
              <p class="card-text text-center">
                 <I>{{ 'friendly_pages.bodypainter_eu.description' | translate }}</I>
              </p>
            </div>
          </div>
        </a>
      </div>
    <!-- Dodaj więcej kolumn z kartami w podobnym stylu -->
    </div>
  </div>

   `,
    styleUrl: './friendly-pages.component.css'
})
export class FriendlyPagesComponent {
}