Update resources.tsx

This commit is contained in:
MacRimi 2025-03-05 12:58:22 +01:00 committed by GitHub
parent d32325981b
commit c293c42906
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -7,43 +7,42 @@ const resources = [
{ {
icon: <Book className="h-6 w-6" />, icon: <Book className="h-6 w-6" />,
title: "Documentation", title: "Documentation",
description: <span className="min-h-[88px]">System description and user guides</span>, description: "System description and user guides",
link: "/docs/introduction", link: "/docs/introduction",
}, },
{ {
icon: <FileText className="h-6 w-6" />, icon: <FileText className="h-6 w-6" />,
title: "Changelog", title: "Changelog",
description: <span className="min-h-[88px]">Information on the latest updates</span>, description: "Information on the latest updates",
link: "/changelog", link: "/changelog",
}, },
{ {
icon: <GitBranch className="h-6 w-6" />, icon: <GitBranch className="h-6 w-6" />,
title: "Guides", title: "Guides",
description: <span className="min-h-[88px]">Step-by-step tutorials and guides for common tasks</span>, description: "Step-by-step tutorials and guides for common tasks",
link: "/guides", link: "/guides",
}, },
{ {
icon: <Github className="h-6 w-6" />, icon: <Github className="h-6 w-6" />,
title: "GitHub Repository", title: "GitHub Repository",
description: <span className="min-h-[88px]">Explore the source code.</span>, description: "Explore the source code.",
link: "https://github.com/MacRimi/ProxMenux", link: "https://github.com/MacRimi/ProxMenux",
}, },
] ]
export default function Resources() { export default function Resources() {
return ( return (
<section className="py-20 bg-gray-900"> <section className="py-20 bg-gray-900">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{resources.map((resource, index) => ( {resources.map((resource, index) => (
<Link key={index} href={resource.link} className="block"> <Link key={index} href={resource.link} className="block h-full">
<div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200"> <div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200 h-full flex flex-col justify-between">
<div className="flex items-center mb-4"> <div className="flex items-center mb-4">
{resource.icon} {resource.icon}
<h3 className="text-xl font-semibold ml-2">{resource.title}</h3> <h3 className="text-xl font-semibold ml-2">{resource.title}</h3>
</div> </div>
<p className="text-gray-400">{resource.description}</p> <p className="text-gray-400 min-h-[48px]">{resource.description}</p>
</div> </div>
</Link> </Link>
))} ))}
@ -52,4 +51,3 @@ export default function Resources() {
</section> </section>
) )
} }