import type { ReactNode } from "react";
import "./theme.css";
import { HeroBackground } from "./sections/hero-background";
import { Navbar } from "./sections/navbar";
import { CtaFooter } from "./sections/cta-footer";
import { SiteFooter } from "./sections/site-footer";

export function BodyContent({ children }: { children: ReactNode }) {
  return (
    <div id="pwb-body-wrap" suppressHydrationWarning>
      <HeroBackground />
      <Navbar />
      {children}
      <CtaFooter />
      <SiteFooter />
    </div>
  );
}