// components/our-investments/types.ts

// ─── Page Header ─────────────────────────────────────────────────────────────
export interface PageHeaderData {
  title: string;
  description: string;
}

export interface PageHeaderSectionProps {
  data: PageHeaderData;
}

// ─── Hero / Banner ────────────────────────────────────────────────────────────
export interface HeroData {
  backgroundImage?: string;
  /** Banner title (e.g. "ساطع..") */
  title: string;
  /** Banner description (e.g. "استثمار يتحرك مع الطلب") */
  description: string;
}

export interface HeroSectionProps {
  heroData: HeroData;
}

// ─── About ────────────────────────────────────────────────────────────────────
export interface AboutData {
  title: string;
  description: string;
}

export interface AboutSectionProps {
  aboutData: AboutData;
}

// ─── Stats ────────────────────────────────────────────────────────────────────
export interface StatItem {
  value: string;
  subLabel: string;
}

export interface StatsSectionProps {
  stats: StatItem[];
}

// ─── Zakat / Banner ───────────────────────────────────────────────────────────
export interface ZakatData {
  backgroundImage?: string;
  title: string;
  description: string;
}

export interface ZakatSectionProps {
  zakatData: ZakatData;
}

// ─── Why Choose ───────────────────────────────────────────────────────────────
export interface WhyCard {
  /** react-icons key or absolute image URL */
  icon: string;
  title: string;
  description: string;
}

export interface WhyChooseSectionProps {
  heading: string;
  subHeading?: string;
  cards: WhyCard[];
}

// ─── Partners ─────────────────────────────────────────────────────────────────
export interface PartnerItem {
  id: number;
  name: string;
  logo?: string;
}

export interface PartnersSectionProps {
  heading: string;
  description?: string;
  partners: PartnerItem[];
}

// ─── Banner 3 (full-bg + HTML description) ───────────────────────────────────
export interface Banner3Data {
  backgroundImage?: string;
  title: string;
  description: string;
}

export interface Banner3SectionProps {
  data: Banner3Data;
}
export interface BankAccount {
  iban: string;
  /** Bank logo — static import or URL string */
  bankIcon?: string | { src: string };
}

export interface PhoneItem {
  phone: string;
  phone_code: string;
}

export interface ContactSectionProps {
  phones: PhoneItem[];
  bankAccounts: BankAccount[];
  description?: string;
}