feat: transform catalogs into field atlas

2026-09-12 15:20:26 +07:00
parent a8b1775169
commit 966000b0b0
17 changed files with 73 additions and 17 deletions
@@ -1,8 +1,9 @@
 ---
-const { eyebrow, title, description } = Astro.props as { eyebrow: string; title: string; description?: string };
+import FishingIcon from "./FishingIcon.astro";
+import FishSilhouette from "./FishSilhouette.astro";
+const { eyebrow, title, description, variant, count } = Astro.props as { eyebrow: string; title: string; description?: string; variant?: "water" | "fish"; count?: number };
 ---
-<section class="catalog-hero content-grid">
-  <span class="overline">{eyebrow}</span>
-  <h1>{title}</h1>
-  {description && <p>{description}</p>}
+<section class:list={["catalog-hero content-grid", { "catalog-hero--illustrated": variant }]}>
+  <div class="catalog-hero__copy"><span class="overline">{eyebrow}</span><h1>{title}</h1>{description && <p>{description}</p>}</div>
+  {variant && <div class="catalog-hero__seal" aria-hidden="true"><span>{variant === "water" ? <FishingIcon name="ripple" size={54} /> : <FishSilhouette name={title} size={92} />}</span>{typeof count === "number" && <><strong>{String(count).padStart(2,"0")}</strong><small>{variant === "water" ? "водоёмов" : "видов рыб"}</small></>}</div>}
 </section>