checkpoint before checking out main

2026-08-13 13:53:22 +03:30
parent a7643bb931
commit 141f1a30be
23 changed files with 1357 additions and 84 deletions
@@ -0,0 +1,36 @@
+type SectionTitleProps = {
+  title: string;
+  enTitle: string;
+  subtitle?: string;
+  action?: string;
+};
+
+export function SectionTitle({ title, enTitle, subtitle, action }: SectionTitleProps) {
+  return (
+    <div className="mb-6 flex items-end justify-between gap-4">
+      <div>
+        <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+          <h2 className="text-xl font-bold text-red-dark md:text-2xl">{title}</h2>
+          <span
+            className="font-display text-sm font-semibold tracking-wide text-red-dark/30 uppercase md:text-base"
+            lang="en"
+            dir="ltr"
+          >
+            {enTitle}
+          </span>
+        </div>
+        {subtitle && (
+          <p className="mt-1 text-sm text-muted">{subtitle}</p>
+        )}
+      </div>
+      {action && (
+        <button
+          type="button"
+          className="shrink-0 text-sm font-medium text-red transition-colors hover:text-red-dark"
+        >
+          {action} ←
+        </button>
+      )}
+    </div>
+  );
+}