import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { PortfolioPage as PortfolioPageComponent } from "@/components/portfolio/portfolio-page"
import { getPage } from "@/lib/content"
import { notFound } from "next/navigation"

// Force dynamic rendering to ensure content updates are immediately visible
export const dynamic = 'force-dynamic'

export default async function PortfolioPage() {
  const page = await getPage("portfolio")
  
  if (!page) {
    notFound()
  }

  return (
    <div className="min-h-screen bg-background">
      <Navigation />
      <PortfolioPageComponent page={page} />
      <Footer />
    </div>
  )
}