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

const TYPES: ReadonlyArray<TypeCard> = [
  { icon: "home", title: "سياحة داخلية", description: "رحلات داخل المملكة بتنوّع في الوجهات والأنشطة.", variant: "green" },
  { icon: "heart", title: "رحلات عائلية", description: "برامج مريحة بأنشطة تناسب كل أفراد العائلة.", variant: "green" },
  { icon: "users-round", title: "رحلات جماعية", description: "تجارب مع الأصدقاء أو المجموعات بتنظيم موحّد.", variant: "green" },
  { icon: "sun", title: "رحلات نهاية الأسبوع", description: "برامج قصيرة كثيفة لاستثمار العطلة بأفضل شكل.", variant: "green" },
  { icon: "trees", title: "تجارب طبيعية", description: "رحلات للجبال، الصحراء، والمحميات بإرشاد ميداني.", variant: "green" },
  { icon: "ship", title: "رحلات بحرية أو برية", description: "تجارب بحرية أو بريّة مع خيارات النقل والإقامة.", variant: "green" },
  { icon: "sliders-horizontal", title: "برامج حسب الطلب", description: "برامج مخصّصة تُبنى وفق رغباتك وميزانيتك.", variant: "green" },
  { icon: "briefcase", title: "للشركات والمجموعات", description: "برامج للفِرَق والشركات بأهداف ترفيهية أو تعزيزية.", variant: "green" },
];

export function TourismTypes() {
  return (
    <SecWrap screenLabel="02 Program Types">
      <SectionTitle
        accent="green"
        eyebrow="أنواع البرامج السياحية"
        heading={
          <>
            ثماني تجارب،
            <br />
            وجهة <em>لكل ذوق.</em>
          </>
        }
        lede="من الرحلات العائلية الهادئة إلى الوجهات الطبيعية ورحلات الشركات — برامج جاهزة وأخرى حسب الطلب."
      />
      <TypeGrid cards={TYPES} />
    </SecWrap>
  );
}