feat(technologies): add full stack directory and home preview

2026-08-31 20:19:42 +03:00
parent ddeab06b45
commit a2538e53c0
10 changed files with 228 additions and 46 deletions
@@ -0,0 +1,32 @@
+"use client";
+
+import { Icon } from "@iconify/react";
+import { useLocale } from "next-intl";
+import { Badge } from "poyraz-ui/atoms";
+import type { TechnologyStackItem } from "@/data/technology-stack";
+import { getLocalizedValue } from "@/lib/locale";
+
+export function TechnologyBadge({
+  technology,
+}: {
+  technology: TechnologyStackItem;
+}) {
+  const locale = useLocale();
+
+  return (
+    <Badge
+      variant="secondary"
+      radius="sm"
+      className="shrink-0 gap-1.5 px-2.5 py-1 text-xs font-medium text-foreground"
+    >
+      <Icon
+        icon={technology.icon}
+        width={14}
+        height={14}
+        aria-hidden="true"
+        className="shrink-0"
+      />
+      <span>{getLocalizedValue(technology.label, locale)}</span>
+    </Badge>
+  );
+}