feat: add ReferencesSection component and integrate AnnouncementBar with news updates

2026-03-10 10:39:15 +03:00
parent 449f22bf0e
commit bef1cbc901
8 changed files with 147 additions and 5 deletions
@@ -0,0 +1,54 @@
+"use client";
+
+import Link from "next/link";
+import { Typography } from "poyraz-ui/atoms";
+import { TestimonialCard } from "poyraz-ui/molecules";
+import { REFERENCES } from "@/data/references";
+
+export function ReferencesSection() {
+  return (
+    <section className="space-y-3">
+      <Typography variant="h3" className="text-foreground">
+        References
+      </Typography>
+
+      <div className="relative overflow-hidden rounded-sm">
+        <div className="flex w-max gap-3">
+          {REFERENCES.map((item) => {
+            const card = (
+              <TestimonialCard
+                quote={item.quote}
+                author={item.author}
+                role={item.role}
+                avatar={item.avatar}
+                rating={item.rating}
+                className="h-full w-[280px] shrink-0 rounded-sm"
+              />
+            );
+
+            if (!item.profileHref) {
+              return <div key={item.id}>{card}</div>;
+            }
+
+            return (
+              <Link
+                key={item.id}
+                href={item.profileHref}
+                target="_blank"
+                rel="noreferrer"
+                aria-label={`${item.author} LinkedIn profile`}
+                className="block"
+              >
+                {card}
+              </Link>
+            );
+          })}
+        </div>
+        <div
+          aria-hidden="true"
+          className="pointer-events-none opacity-95 absolute top-0 right-0 h-full w-48 bg-linear-to-l from-white via-white/80 to-transparent"
+        />
+      </div>
+    </section>
+  );
+}