import { SectionTitle } from "@/sections/shared/SectionTitle";
import { SecWrap, TypeGrid, type TypeCard } from "@/sections/shared/grids";

const TYPES: ReadonlyArray<TypeCard> = [
  { icon: "sparkles", title: "فعاليات ترفيهية", description: "أمسيات، حفلات، وتجارب ترفيهية بتنسيق متكامل." },
  { icon: "tent", title: "فعاليات خارجية", description: "تنظيم في الهواء الطلق مع تجهيز الموقع وكل التفاصيل." },
  { icon: "calendar-days", title: "فعاليات موسمية", description: "برامج خاصة في المواسم والمناسبات على مدار السنة." },
  { icon: "briefcase", title: "فعاليات للشركات", description: "تجارب احترافية للفرق والشركات بأهداف واضحة." },
  { icon: "users-round", title: "فعاليات عائلية", description: "أجواء عائلية مريحة بأنشطة تناسب جميع الأعمار." },
  { icon: "user-plus", title: "فعاليات للمجموعات", description: "تجارب جماعية مخصصة للأصدقاء والفرق الخاصة." },
  { icon: "sun", title: "تجارب نهاية الأسبوع", description: "برامج قصيرة كثيفة بالتجارب لنهاية أسبوع مختلفة." },
  { icon: "map-pinned", title: "رحلات وفعاليات ميدانية", description: "تجارب ميدانية في مواقع متنوعة داخل المملكة." },
];

export function EventsTypes() {
  return (
    <SecWrap screenLabel="02 Types">
      <SectionTitle
        eyebrow="أنواع الفعاليات"
        heading={
          <>
            من فعاليات الأصدقاء إلى
            <br />
            تنظيم <em>للشركات.</em>
          </>
        }
        lede="ثمانية أنواع من الفعاليات نُنظّمها ونُكيّفها حسب طبيعة الحضور والمكان والميزانية."
      />
      <TypeGrid cards={TYPES} />
    </SecWrap>
  );
}