diff --git a/routes/index.tsx b/routes/index.tsx
index b2afc02..5658db6 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -1,12 +1,12 @@
 import { Head } from '$fresh/runtime.ts'
 import { AutoGrid } from ':components/AutoGrid.tsx'
-import { BlogCard, blogMock } from ':components/BlogCard.tsx'
 import { CohabitInfoTable } from ':components/CohabitInfoTable.tsx'
 import { Heros } from ':components/Heros.tsx'
 import { MachineCard, machineMock } from ':components/MachineCard.tsx'
 import { MemberCard, memberMock } from ':components/MemberCard.tsx'
 import { ProjectCard, projectMock } from ':components/ProjectCard.tsx'
 import { SponsorCards } from ':components/SponsorCards.tsx'
+import BlogCardList from ':islands/BlogCardList.tsx'
 
 export default function Home() {
 	return (
@@ -19,7 +19,7 @@ export default function Home() {
 				<h2>Nos actus</h2>
 				<AutoGrid columnWidth='15rem'>
 					<>
-						{blogMock.slice(0, 4).map(BlogCard)}
+						<BlogCardList limit={4} usePlaceholder={true} />
 						<a href='/blog' class='cta'>Voir plus</a>
 					</>
 				</AutoGrid>