import { PageContainer } from "@/components/layout/page-container";
import { BenefitsSection } from "@/components/sections/home/benefits-section";
import { WishlistPageClient } from "@/components/sections/wishlist/wishlist-page-client";
import { getWishlist } from "@/lib/starter-data";

export default async function WishlistPage() {
  const wishlist = await getWishlist();

  return (
    <>
      <PageContainer className="space-y-[42px] pb-20 pt-[60px]">
        <header className="flex items-center justify-center">
          <h1 className="flex-1 text-[38px] font-bold leading-[1.2] tracking-[-0.03em] text-primary">
            Lista želja
          </h1>
        </header>

        <WishlistPageClient initialWishlist={wishlist} />
      </PageContainer>
      <BenefitsSection />
    </>
  );
}