Card Component — Nettalco Angular PrimeNG Preset

<!-- app.component.html -->
<p-card>
  <ng-template #header>
    <img alt="card header image" src="assets/card-header.jpg" />
  </ng-template>

  <ng-template #title>Project Overview</ng-template>

  <ng-template #subtitle>Last updated 3 days ago</ng-template>

  <ng-template #content>
    <p>
      A summary of the current project status, key milestones, and upcoming
      deadlines are displayed here inside the card body.
    </p>
  </ng-template>

  <ng-template #footer>
    <p-button label="View Details" />
    <p-button label="Dismiss" severity="secondary" />
  </ng-template>
</p-card>

// app.component.ts
import { Component } from '@angular/core';
import { CardModule } from 'primeng/card';
import { ButtonModule } from 'primeng/button';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  imports: [CardModule, ButtonModule],
})
export class AppComponent {}