Files
poyraz-portfolio/components/references-detail-content.tsx
T

25 lines
757 B
TypeScript

import { Link } from "@/i18n/routing";
import { ReferenceCards } from "@/components/reference-cards";
import { useTranslations } from "next-intl";
export function ReferencesDetailContent() {
const t = useTranslations("About");
return (
<section className="flex flex-col gap-4 overflow-x-hidden">
<Link
href="/about"
className="inline-flex w-fit items-center rounded-sm border border-border px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground"
>
{t("backToAbout")}
</Link>
<ReferenceCards
className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 items-start"
cardClassName="w-full h-auto"
lineClamp={false}
/>
</section>
);
}