import Footer from "@/components/landing-page/footer";
import Header from "@/components/landing-page/headers";
import Navbar from "@/components/landing-page/navbar";
import BreakingNews from "@/components/landing-page/breaking-news";
import Image from "next/image";
import News from "@/components/landing-page/news";

export default function Home() {
  return (
    <div className="flex min-h-screen flex-col font-[family-name:var(--font-geist-sans)] bg-white">
      <Navbar />
      <div className="flex-1 bg-gray-300 mt-10">
        <Header />
        <BreakingNews />
        <div className="max-w-7xl mx-auto px-4 relative  mb-2 h-[120px] overflow-hidden flex items-center border my-8">
          <Image
            src={"/image-kolom.png"}
            alt="Berita Utama"
            fill
            className="w-full object-cover"
          />
        </div>
        <News />
      </div>
      <Footer />
    </div>
  );
}
