import Author from "@/components/landing-page/author";
import Footer from "@/components/landing-page/footer";
import Header from "@/components/landing-page/header";
import Latest from "@/components/landing-page/latest";
import LatestandPopular from "@/components/landing-page/latest-and-popular";
import Navbar from "@/components/landing-page/navbar";
import News from "@/components/landing-page/news";
import { id } from "date-fns/locale";
import Image from "next/image";

export default function Home() {
  return (
    <div className="relative min-h-screen font-[family-name:var(--font-geist-sans)]">
      {/* Background fixed tidak ikut scroll */}
      <div className="fixed top-0 left-0 w-full h-auto z-0">
        <Image
          src="/rumput.jpg"
          alt="Background"
          width={1450}
          height={600}
          className="w-full h-auto object-cover"
          priority
        />
      </div>

      <div className="relative z-10 bg-[#F2F4F3] max-w-7xl mx-auto">
        <Navbar />
        <div className="flex-1">
          <Header />
        </div>
        <Latest id={2} />
        <News />
        <Author />
        <LatestandPopular />
        <Footer />
      </div>
    </div>
  );
}