web-mikul-news/app/category/citizen-news/page.tsx

import Author from "@/components/landing-page/author";
import CitizenNews from "@/components/landing-page/citizen-news/citizen-news";
import HeaderCitizen from "@/components/landing-page/citizen-news/header-citizen";
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 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">
          <HeaderCitizen />
          <CitizenNews />
        </div>
        <Footer />
      </div>
    </div>
  );
}