fix: UPDATED build configuration

Web/themes/modernize/src/app/components/blog-card/blog-card.component.html

@@ -0,0 +1,32 @@
+<div class="row">
+    @for(productcard of productcards; track productcards) {
+    <div class="col-sm-6 col-lg-3">
+        <mat-card class="cardWithShadow productcard overflow-hidden">
+            <a routerLink="/widgets/cards">
+                <img src="{{ productcard.imgSrc }}" alt="imgSrc" class="w-100" mat-card-image />
+            </a>
+            <mat-card-content class="p-b-24 p-t-12 position-relative">
+                <button mat-mini-fab class="icon-30 cart-btn bg-primary text-white d-block" matTooltip="Add to Cart">
+                    <i-tabler name="basket" class="icon-16"></i-tabler>
+                </button>
+                <mat-card-title class="mat-headline-2 f-s-16 m-b-4">{{
+                    productcard.title
+                    }}</mat-card-title>
+                <div class="d-flex align-items-center justify-content-between">
+                    <div class="d-flex align-items-center">
+                        <h6 class="f-w-600 f-s-16">${{ productcard.price }}</h6>
+                        <span class="f-s-14 m-l-4 text-decoration-line-through">${{ productcard.rprice }}</span>
+                    </div>
+                    <div class="m-l-auto d-flex gap-4">
+                        <span><i-tabler name="star" class="fill-warning icon-18"></i-tabler></span>
+                        <span><i-tabler name="star" class="fill-warning icon-18"></i-tabler></span>
+                        <span><i-tabler name="star" class="fill-warning icon-18"></i-tabler></span>
+                        <span><i-tabler name="star" class="fill-warning icon-18"></i-tabler></span>
+                        <span><i-tabler name="star" class="fill-warning icon-18"></i-tabler></span>
+                    </div>
+                </div>
+            </mat-card-content>
+        </mat-card>
+    </div>
+    }
+</div>

Web/themes/modernize/src/app/components/blog-card/blog-card.component.ts

@@ -0,0 +1,53 @@
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { TablerIconsModule } from 'angular-tabler-icons';
+
+// ecommerce card
+interface productCards {
+    id: number;
+    imgSrc: string;
+    title: string;
+    price: string;
+    rprice: string;
+}
+
+@Component({
+    selector: 'app-blog-card',
+    imports: [MatCardModule, TablerIconsModule, MatButtonModule],
+    templateUrl: './blog-card.component.html',
+})
+export class AppBlogCardsComponent {
+    constructor() { }
+
+    productcards: productCards[] = [
+        {
+            id: 1,
+            imgSrc: '/assets/images/products/s4.jpg',
+            title: 'Boat Headphone',
+            price: '285',
+            rprice: '375',
+        },
+        {
+            id: 2,
+            imgSrc: '/assets/images/products/s5.jpg',
+            title: 'MacBook Air Pro',
+            price: '285',
+            rprice: '375',
+        },
+        {
+            id: 3,
+            imgSrc: '/assets/images/products/s7.jpg',
+            title: 'Red Valvet Dress',
+            price: '285',
+            rprice: '375',
+        },
+        {
+            id: 4,
+            imgSrc: '/assets/images/products/s11.jpg',
+            title: 'Cute Soft Teddybear',
+            price: '285',
+            rprice: '375',
+        },
+    ];
+}