import { Megaphone } from "lucide-react";
import { announcements } from "@/data/yapaylisans";

export function AnnouncementSection() {
  return (
    <section className="content-section announcement-section">
      <div className="section-heading">
        <div className="heading-line"><h2>Duyurular</h2><span /></div>
        <p>En güncel haberlere hızlıca ulaşın.</p>
      </div>
      <div className="announcement-grid">
        {announcements.map((announcement) => (
          <article className="announcement-card" key={announcement.title}>
            <div className="announcement-icon"><Megaphone size={42} fill="currentColor" /></div>
            <h3>{announcement.title}</h3>
            <a href={announcement.href}>Daha Fazla</a>
          </article>
        ))}
      </div>
    </section>
  );
}