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

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

src/app/about/page.tsx

@@ -6,6 +6,7 @@ import SiteFooter from "@/components/home/SiteFooter";
 import AboutSection from "@/components/home/AboutSection";
 import PartnerCta from "@/components/home/PartnerCta";
 import ProductListHero from "@/components/products/ProductListHero";
+import BilingualTitle from "@/components/ui/BilingualTitle";
 import { ABOUT_PAGE } from "@/data/pages";
 import { mapHomeSlots } from "@/lib/map-home-slots";
 import { fetchPublicWebsiteSlots } from "@/lib/website-slots";
@@ -54,15 +55,12 @@ export default async function AboutPage() {
       <section className="mx-auto max-w-[1200px] px-4 py-12 sm:px-6 sm:py-16 lg:px-8">
         <div className="grid gap-10 lg:grid-cols-2 lg:gap-14 lg:items-start">
           <div>
-            <h2 className="font-doran text-2xl font-light text-ink">
-              {ABOUT_PAGE.storyTitleFa}
-            </h2>
-            <p
-              dir="ltr"
-              className="mt-1 font-montserrat text-[10px] uppercase tracking-[0.16em] text-muted"
-            >
-              {ABOUT_PAGE.storyTitleEn}
-            </p>
+            <BilingualTitle
+              titleFa={ABOUT_PAGE.storyTitleFa}
+              titleEn={ABOUT_PAGE.storyTitleEn}
+              size="md"
+              align="end"
+            />
             <p className="mt-6 text-sm leading-8 text-ink/80">
               {ABOUT_PAGE.story}
             </p>
@@ -79,13 +77,13 @@ export default async function AboutPage() {
                 key={value.titleEn}
                 className="border border-line bg-[#f7f7f5] p-5"
               >
-                <p className="text-base text-ink">{value.titleFa}</p>
-                <p
-                  dir="ltr"
-                  className="mt-1 font-montserrat text-[10px] uppercase tracking-[0.16em] text-muted"
-                >
-                  {value.titleEn}
-                </p>
+                <BilingualTitle
+                  titleFa={value.titleFa}
+                  titleEn={value.titleEn}
+                  as="p"
+                  size="md"
+                  align="end"
+                />
                 <p className="mt-3 text-sm leading-7 text-ink/75">
                   {value.body}
                 </p>