63 lines
2.9 KiB
TypeScript
63 lines
2.9 KiB
TypeScript
'use client'
|
|
import { Card, CardBody } from '@nextui-org/react'
|
|
import Image from 'next/image'
|
|
import React from 'react'
|
|
|
|
export default function SimilarNews() {
|
|
return (
|
|
<div>
|
|
<p className='text-center pb-10 text-3xl font-bold text-[#FF3900]'>Berita Serupa</p>
|
|
<div className='flex justify-center gap-3 pb-5'>
|
|
<Card className='max-h-max w-[250px] items-center rounded-lg'>
|
|
<CardBody>
|
|
<Image
|
|
alt='visimisi'
|
|
className='rounded-lg'
|
|
src="/vm1.jpg"
|
|
height={150}
|
|
width={220}
|
|
/>
|
|
</CardBody>
|
|
<div className='px-3 pb-2'>
|
|
<p className='text-xs '>03/01/2024 14:30 WIB</p>
|
|
<p className='leading-tight text-sm font-semibold'>MNC Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
|
|
<p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
|
|
</div>
|
|
</Card>
|
|
<Card className='max-h-max w-[250px] items-center rounded-lg'>
|
|
<CardBody>
|
|
<Image
|
|
alt='visimisi'
|
|
className='rounded-lg'
|
|
src="/vm1.jpg"
|
|
height={150}
|
|
width={220}
|
|
/>
|
|
</CardBody>
|
|
<div className='px-3 pb-2'>
|
|
<p className='text-xs '>03/01/2024 14:30 WIB</p>
|
|
<p className='leading-tight text-sm font-semibold'>MNC Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
|
|
<p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
|
|
</div>
|
|
</Card>
|
|
<Card className='max-h-max w-[250px] items-center rounded-lg'>
|
|
<CardBody>
|
|
<Image
|
|
alt='visimisi'
|
|
className='rounded-lg'
|
|
src="/vm1.jpg"
|
|
height={150}
|
|
width={220}
|
|
/>
|
|
</CardBody>
|
|
<div className='px-3 pb-2'>
|
|
<p className='text-xs '>03/01/2024 14:30 WIB</p>
|
|
<p className='leading-tight text-sm font-semibold'>MNC Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p>
|
|
<p className='text-xs text-blue-800 cursor-pointer'>Lihat Selengkanya</p>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|