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

import DevelopmentNews from "@/components/landing-page/development/development-news";
import HeaderDevelopment from "@/components/landing-page/development/header-development";
import Footer from "@/components/landing-page/footer";

import Navbar from "@/components/landing-page/navbar";
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">
          <HeaderDevelopment />
          <DevelopmentNews />
        </div>
        <Footer />
      </div>
    </div>
  );
}