import Author from "@/components/landing-page/author";
import DevelopmentNews from "@/components/landing-page/development/development-news";
import Footer from "@/components/landing-page/footer";
import Header from "@/components/landing-page/header";
import HealthNews from "@/components/landing-page/health/health-news";
import HeaderHealth from "@/components/landing-page/health/header-health";
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 Image from "next/image";

export default function Development() {
  return (
    <div className="relative min-h-screen font-[family-name:var(--font-geist-sans)]">
      {/* <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">
          <HeaderHealth />
          <HealthNews />
        </div>
        <Footer />
      </div>
    </div>
  );
}