import SafeHtmlRenderer from "../SafeHtmlRenderer";

function HeroStructure({ main, bullets }: any) {
  return (
    <div className="container m-auto overflow-hidden w-[90%]">
      <div className="mx-auto max-w-4xl px-4 text-center">
        <h1>{main?.structure?.pageTitle}</h1>
        <p>{main?.structure?.pageSubTitle}</p>
      </div>
      <div className="safe w-full m-auto p-8 rounded-xl border bg-white/25">
        <SafeHtmlRenderer htmlContent={bullets?.shortContent} />
      </div>
    </div>
  );
}

export default HeroStructure;