26 lines
804 B
TypeScript
26 lines
804 B
TypeScript
import { Link } from "react-router-dom";
|
|
|
|
const categories = [
|
|
{ title: "Sections", href: "/components/sections" },
|
|
];
|
|
|
|
const ComponentsPage = () => {
|
|
return (
|
|
<section className="min-h-screen py-16">
|
|
<div className="w-content-width mx-auto">
|
|
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
|
|
{categories.map((category) => (
|
|
<Link key={category.href} to={category.href}>
|
|
<div className="relative flex items-center justify-center aspect-square p-6 text-center card rounded-lg cursor-pointer hover:opacity-80 transition-opacity">
|
|
<h3 className="text-xl font-normal">{category.title}</h3>
|
|
</div>
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default ComponentsPage;
|