import { useState, useEffect } from "react"; import { Card, CardContent } from "@/components/ui/card"; export default function NewsSection() { const [news, setNews] = useState([]); useEffect(() => { fetch("https://api-berita-indonesia.vercel.app/antara/lifestyle/") .then((response) => response.json()) .then((data) => { if (data?.data?.posts) { const shuffledNews = data.data.posts.sort(() => 0.5 - Math.random()); setNews(shuffledNews.slice(0, 5)); // Menampilkan 5 berita secara acak } }); }, []); return (

Berita Lifestyle

{news.map((item, index) => ( {item.title}

{item.title}

{item.description}

Baca selengkapnya
))}
); }