import Header from "@/components/shared/layout/header/Header";
import CaseSingle from "@/components/pages/case-study/CaseSingle";
import Process from "@/components/pages/case-study/Process";
import RelatedCase from "@/components/pages/case-study/RelatedCase";
import Footer from "@/components/shared/layout/footer/Footer";
import CaseStudyScrollProgressButton from "@/components/pages/case-study/CaseStudyScrollProgressButton";
import CaseStudyInitAnimations from "@/components/pages/case-study/CaseStudyInitAnimations";

interface PageProps {
  params: Promise<{
    slug: string;
  }>;
}

const page = async ({ params }: PageProps) => {
  const { slug } = await params;
  
  return (
    <div className="tp-app">
      <Header />
      <main>
        <CaseSingle slug={slug} />
        <Process slug={slug} />
        <RelatedCase slug={slug} />
      </main>
      <Footer />
      <CaseStudyScrollProgressButton />
      <CaseStudyInitAnimations />
    </div>
  );
};

export default page;