change data articles and create head and detail page item blog

This commit is contained in:
Ehsan
2024-07-19 22:05:53 +03:30
parent 03e3cc3177
commit 57d33a532c
8 changed files with 94 additions and 17 deletions
+24
View File
@@ -0,0 +1,24 @@
function Head({ data }) {
return (
<div>
<div className="flex items-center justify-start gap-1">
<p className="text-[#9B9B9B] text-[16px] font-normal">بلاگ {'>'}</p>
<p className="text-[#9B9B9B] text-[16px] font-normal">پوست و مو {'>'}</p>
<p className="text-[#525252] text-[16px] font-normal">روش های خانگی محافظت از پوست در تابستان</p>
</div>
<p className="text-[#3B3B3B] mt-[40px] text-[24px] font-bold">روش های خانگی محافظت از پوست در تابستان</p>
<div className="flex mt-6 items-center justify-start gap-[35px]">
<div className="flex items-center justify-start gap-1">
<p className="text-[#9B9B9B] text-[14px] font-normal">تاریخ انتشار:</p>
<p className="text-[#9B9B9B] text-[16px] font-medium">{data.date_of_release}</p>
</div>
<div className="flex items-center justify-start gap-1">
<p className="text-[#9B9B9B] text-[14px] font-normal">زمان مطالعه:</p>
<p className="text-[#9B9B9B] text-[16px] font-medium">{data.time}</p>
</div>
</div>
</div>
)
}
export default Head