import DetailContent from "@/components/details/details-content";
import Navbar from "@/components/landing-page/navbar";

import Image from "next/image";
import { Footer } from "react-day-picker";

export default function Slug() {
  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">
          <DetailContent />
        </div>

        <Footer />
      </div>
    </div>
  );
}