import { CategoryDesign1 } from "@/components/categorypage/CategoryDesign1";
import { Banner } from "@/components/homepage/Banner";
import { CategoryTabs } from "@/components/showcase/CategoryTabs";
import { Chip } from "@/components/showcase/Chip";
import { ChipSharp } from "@/components/showcase/ChipSharp";
import { ComboContentCart } from "@/components/showcase/ComboContentCart";
import { ProductRecommendationCarousel } from "@/components/showcase/ProductRecommendationCarousel";
import { ShowcaseSixPack } from "@/components/showcase/ShowcaseSixPack";
import { Separator } from "@/components/ui/separator";

const exampleImage1 = "https://vdxl.im/8720286366097_m_en_hd_1.jpg";
const exampleImage2 =
  "https://www.vidaxl.de/dw/image/v2/BFNS_PRD/on/demandware.static/-/Sites-vidaxl-catalog-master-sku/default/dw4df93a72/hi-res/632/128/502973/144603/image_1_144603.jpg?sw=400";
const exampleText1 = "Gartenboxen & Möbel für den Garten";
const exampleText2 = "Küchenmöbel & Küchenzubehör";

const CategoryDetailPage = async ({
  params,
}: {
  params: Promise<{ category_id: string }>;
}) => {
  const chips = [
    { image: exampleImage1, text: exampleText1 },
    { image: exampleImage2, text: exampleText2 },
    { image: exampleImage1, text: exampleText1 },
    { image: exampleImage2, text: exampleText2 },
    { image: exampleImage1, text: exampleText1 },
    { image: exampleImage2, text: exampleText2 },
    { image: exampleImage1, text: exampleText1 },
    { image: exampleImage2, text: exampleText2 },
  ];

  return (
    <div className="container mx-auto h-auto">
      <CategoryTabs />
    </div>
  );
};
export default CategoryDetailPage;