Evandro Fonseca Junior
4ba3339df7
- Rewrote README.md to describe the Tibia Trade project, including features, setup instructions, technologies, and SEO keywords in Portuguese - Removed "Pagodera" from thank you page text for rebranding - Added role and aria-label to main element in home page for better accessibility - Added metadata generation with localized titles and descriptions to prices page for improved SEO and user experience
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import { ChevronRight } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
interface BreadcrumbItem {
|
|
label: string;
|
|
href: string;
|
|
}
|
|
|
|
interface BreadcrumbsProps {
|
|
items: BreadcrumbItem[];
|
|
}
|
|
|
|
export function Breadcrumbs({ items }: BreadcrumbsProps) {
|
|
return (
|
|
<nav aria-label="Breadcrumb" className="py-4">
|
|
<ol
|
|
itemScope
|
|
itemType="https://schema.org/BreadcrumbList"
|
|
className="flex items-center gap-2 text-sm text-muted-foreground"
|
|
>
|
|
{items.map((item, index) => (
|
|
<li
|
|
key={item.href}
|
|
itemProp="itemListElement"
|
|
itemScope
|
|
itemType="https://schema.org/ListItem"
|
|
className="flex items-center gap-2"
|
|
>
|
|
<Link
|
|
href={item.href}
|
|
itemProp="item"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
<span itemProp="name">{item.label}</span>
|
|
</Link>
|
|
<meta itemProp="position" content={String(index + 1)} />
|
|
{index < items.length - 1 && <ChevronRight className="w-4 h-4" />}
|
|
</li>
|
|
))}
|
|
</ol>
|
|
</nav>
|
|
);
|
|
}
|