import type { HomeData } from "../../data/content";
import { Cases } from "./Cases";
import { ContactCta } from "./ContactCta";
import { Faq } from "./Faq";
import { Features } from "./Features";
import { Hero } from "./Hero";
import { Process } from "./Process";
import { Services } from "./Services";
import { SiteChrome } from "./SiteChrome";
import { TrustBar } from "./TrustBar";

export function HomePage({ data }: { data: HomeData }) {
  const { settings, services, features, steps, faqs, cases } = data;
  return (
    <SiteChrome settings={settings}>
      <Hero settings={settings} />
      <TrustBar />
      <Services items={services} />
      <Features items={features} />
      <Process items={steps} />
      <Cases items={cases} />
      <Faq items={faqs} />
      <ContactCta settings={settings} />
    </SiteChrome>
  );
}