Polish storefront listing: filters, category directory, and list extras.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/home/BlackCollection.tsx

@@ -4,6 +4,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
 import { BLACK_ITEMS } from "@/data/home";
+import BilingualTitle from "@/components/ui/BilingualTitle";
 
 export type BlackItemData = {
   id: string;
@@ -60,23 +61,19 @@ export default function BlackCollection({ items }: BlackCollectionProps) {
       className="relative mx-auto w-full max-w-[1710px] px-4 py-10 sm:px-6 lg:px-[120px] lg:py-14"
     >
       <div
-        className="seq-fade-item relative mb-8 flex items-center justify-center text-center lg:mb-10"
+        className="seq-fade-item relative mb-8 lg:mb-10"
         style={{
           transitionDelay: visible ? "0ms" : "0ms",
           opacity: visible ? 1 : 0,
           transform: visible ? "translate3d(0,0,0)" : "translate3d(0,20px,0)",
         }}
       >
-        <p
-          dir="ltr"
-          aria-hidden
-          className="pointer-events-none absolute inset-0 flex items-center justify-center font-doran text-[clamp(2.5rem,8vw,6.25rem)] font-normal leading-none tracking-[0.1em] text-ink/10"
-        >
-          i Like it Black
-        </p>
-        <h2 className="font-doran relative translate-y-[0.12em] text-[clamp(1.75rem,4vw,3.125rem)] font-light leading-none text-ink">
-          من عاشق رنگ <span className="font-medium">مشکی</span> هستم
-        </h2>
+        <BilingualTitle
+          titleFa="من عاشق رنگ مشکی هستم"
+          titleEn="I Like It Black"
+          size="xl"
+          align="center"
+        />
       </div>
 
       <ul className="grid grid-cols-2 gap-[14px] lg:grid-cols-4 lg:gap-[22px]">