Function HomeSection

app/components/Home/HomeSection.tsx:9–28

({
  containerClassName,
  maxWidth = "1150px",
  reversed = false,
  flipped = false,
  children,
}: HomeSectionProps)

};

export function HomeSection({
  containerClassName,
  maxWidth = "1150px",
  reversed = false,
  flipped = false,
  children,
}: HomeSectionProps) {
  return (
    <div className={`flex justify-center items-center ${containerClassName}`}>
      <div
        className={`flex flex-col md:flex-row w-full ${
          reversed ? "md:flex-row-reverse" : ""
        }${flipped ? "flex-col-reverse" : ""}`}
        style={{ maxWidth: maxWidth }}
      >
        {children}
      </div>
    </div>
  );
}