import type { ElementType } from "react";
import {
  PhoneIcon,
  EnvelopeSimpleIcon,
  ClockIcon,
} from "@phosphor-icons/react/dist/ssr";

export type ContactInfo = {
  icon: ElementType;
  label: string;
  href?: string;
  obfuscated?: {
    user?: string;
    domain?: string;
    tel?: string;
  };
};

export type ContactCtaData = {
  heading: string;
  lead: string;
  buttonLabel: string;
  buttonHref: string;
  contacts: ContactInfo[];
};

export const contactCtaData: ContactCtaData = {
  heading: "Lassen Sie uns über Ihre Anforderungen sprechen",
  lead: "Wir erstellen ein individuelles Reinigungskonzept für Ihr Unternehmen in Hannover und Umgebung. Unverbindlich, transparent und exakt auf Ihre Anforderung abgestimmt.",
  buttonLabel: "Angebot anfragen",
  buttonHref: "/kontakt",
  contacts: [
    {
      icon: PhoneIcon,
      label: "0172 621 0606",
      obfuscated: { tel: "01726210606" },
    },
    {
      icon: EnvelopeSimpleIcon,
      label: "info@basiclean.de",
      obfuscated: { user: "info", domain: "basiclean.de" },
    },
    {
      icon: ClockIcon,
      label: "Mo. - Fr. 08:00 - 17:00 Uhr",
    },
  ],
};