"use client";

import { PLATFORM_APPS } from "@/lib/apps-catalog";
import { AppTile, SectionTitle } from "@/components/ui";

export function AppStoreGrid() {
  return (
    <section>
      <SectionTitle
        title="اپلیکیشن‌ها"
        subtitle="همه سرویس‌های پلتفرم در یک جا — مثل App Store"
      />
      <div className="grid grid-cols-3 gap-2 sm:grid-cols-4 sm:gap-4 md:grid-cols-5 lg:grid-cols-6">
        {PLATFORM_APPS.map((app) => (
          <AppTile key={app.id} app={app} />
        ))}
      </div>
    </section>
  );
}