import type { Metadata } from "next";
import { ShopHeader } from "./components/ShopHeader";
import { ProductGrid } from "./components/ProductGrid";
import { TrustRow } from "../components/TrustRow";
import { Footer } from "../components/Footer";

export const metadata: Metadata = {
  title: "Shop",
  description:
    "Alles, was du für mehr Klarheit im Alltag brauchst — ToDo-Karten, Wochenplaner, Notizbücher und Zielkarten von einfach produktiv.",
  alternates: { canonical: "/shop" },
  openGraph: {
    title: "Shop | einfach produktiv.",
    description:
      "Alles, was du für mehr Klarheit im Alltag brauchst — ToDo-Karten, Wochenplaner, Notizbücher und Zielkarten von einfach produktiv.",
    url: "/shop",
    type: "website",
    images: ["/hero-todo-karten.png"],
  },
};

export default async function ShopPage({
  searchParams,
}: {
  searchParams: Promise<{ minPrice?: string; maxPrice?: string; categories?: string; inStock?: string }>;
}) {
  const resolvedSearchParams = await searchParams;
  return (
    <>
      <main className="flex flex-col flex-1 bg-bg-base">
        <ShopHeader />
        <ProductGrid searchParams={resolvedSearchParams} />
        <TrustRow />
      </main>
      <Footer />
    </>
  );
}
