Blittech/Projet1-RealEstate
4
0
Fork 0
mirror of http://88.130.71.182:3000/BlitTech/Projet1-RealEstate.git synced 2026-06-12 23:33:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update category links to listings page

Browse Source
This commit is contained in:
Dosseh91
2025-12-17 23:16:33 +01:00
committed by GitHub
parent 505b5b6366
commit 830b9ad6f8
1 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/Home.tsx
View File

@@ -79,25 +79,30 @@ const Home: React.FC = () => {
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
{categories.slice(0, 6).map(category => ( {categories.slice(0, 6).map(category => (
<Link to={`/categories/${category.slug}`} key={category.id}> <Link
key={category.id}
to={`/listings?category=${category.slug}`}
>
<Card hoverable className="h-full group"> <Card hoverable className="h-full group">
<div className="p-6 flex items-center"> <div className="p-6 flex items-center">
<div className="w-14 h-14 rounded-full bg-primary-100 flex items-center justify-center mr-4 group-hover:bg-accent-100 transition-colors"> <div className="w-14 h-14 rounded-full bg-primary-100 flex items-center justify-center mr-4 group-hover:bg-accent-100 transition-colors">
<Tag className="h-6 w-6 text-primary-600 group-hover:text-accent-600 transition-colors" /> <Tag className="h-6 w-6 text-primary-600 group-hover:text-accent-600 transition-colors" />
</div> </div>
<div>
<h3 className="text-lg font-semibold text-primary-800 mb-1 group-hover:text-accent-700 transition-colors"> <div>
{category.name} <h3 className="text-lg font-semibold text-primary-800 mb-1 group-hover:text-accent-700 transition-colors">
</h3> {category.name}
<p className="text-sm text-primary-600"> </h3>
{category.description} <p className="text-sm text-primary-600">
</p> {category.description}
</div> </p>
<ArrowRight className="ml-auto h-5 w-5 text-primary-400 group-hover:text-accent-500 transform group-hover:translate-x-1 transition-all" /> </div>
</div>
</Card> <ArrowRight className="ml-auto h-5 w-5 text-primary-400 group-hover:text-accent-500 transform group-hover:translate-x-1 transition-all" />
</Link> </div>
))} </Card>
</Link>
))}
</div> </div>
<div className="text-center mt-10"> <div className="text-center mt-10">
@@ -212,4 +217,4 @@ const Home: React.FC = () => {
); );
}; };
export default Home; export default Home;