From bfc01cc16de2fede441b63f5533096dbaafb6f1c Mon Sep 17 00:00:00 2001
From: Emil Gulamov <125820963+mearashadowfax@users.noreply.github.com>
Date: Sat, 17 Feb 2024 08:16:16 +0400
Subject: [PATCH] Add new card components for blog and product sections
Introduced four new Astro components: CardBlog, CardBlogRecent, CardSmall and CardWide, designed for displaying blog entries and products. These components have been equipped with asset imports, content collection types, and interactive prefetch links for better user experience and performance.
---
src/components/ui/cards/CardBlog.astro | 52 ++++++++++++++++++++
src/components/ui/cards/CardBlogRecent.astro | 50 +++++++++++++++++++
src/components/ui/cards/CardSmall.astro | 42 ++++++++++++++++
src/components/ui/cards/CardWide.astro | 42 ++++++++++++++++
4 files changed, 186 insertions(+)
create mode 100644 src/components/ui/cards/CardBlog.astro
create mode 100644 src/components/ui/cards/CardBlogRecent.astro
create mode 100644 src/components/ui/cards/CardSmall.astro
create mode 100644 src/components/ui/cards/CardWide.astro
diff --git a/src/components/ui/cards/CardBlog.astro b/src/components/ui/cards/CardBlog.astro
new file mode 100644
index 0000000..b478245
--- /dev/null
+++ b/src/components/ui/cards/CardBlog.astro
@@ -0,0 +1,52 @@
+---
+import AvatarBlog from "../avatars/AvatarBlog.astro";
+import {Image} from "astro:assets";
+
+import {formatDate} from "../../../utils";
+import type {CollectionEntry} from "astro:content";
+
+const {blogEntry} = Astro.props;
+
+interface Props {
+ blogEntry: CollectionEntry<"blog">;
+}
+---
+
+
+
+ {formatDate(blogEntry.data.pubDate)}
+
+
+ {blogEntry.data.description}
+
+ {blogEntry.data.author}
+
+
+ {blogEntry.data.title}
+
+
+ {blogEntry.data.author} +
++ {blogEntry.data.role} +
+