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

7
src/pages/Home.tsx
View File

@@ -79,12 +79,16 @@ 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> <div>
<h3 className="text-lg font-semibold text-primary-800 mb-1 group-hover:text-accent-700 transition-colors"> <h3 className="text-lg font-semibold text-primary-800 mb-1 group-hover:text-accent-700 transition-colors">
{category.name} {category.name}
@@ -93,6 +97,7 @@ const Home: React.FC = () => {
{category.description} {category.description}
</p> </p>
</div> </div>
<ArrowRight className="ml-auto h-5 w-5 text-primary-400 group-hover:text-accent-500 transform group-hover:translate-x-1 transition-all" /> <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> </Card>