import styles from './home.module.scss';
import HomeSectionGrid from "../home-section-grid/home-section-grid";
import HomeSectionCardsHeader from "../home-section-cards-header/home-section-cards-header";
import HomeSectionVideo from "../home-section-video/home-section-video";
import HomeSectionComments from "../home-section-comments/home-section-comments";
import HomeSectionBlog from "../home-section-blog/home-section-blog";

/* eslint-disable-next-line */
export interface HomeProps {
  posts: object[];
}

export function HomeContent({posts}: HomeProps) {
  return (
    <div className={styles['container']}>
      <header className="w-full hidden sm:block min-h-[40vh] md:min-h-[50vh] lg:min-h-[75vh] bg-gray-500 bg-cover bg-no-repeat" style={{backgroundImage: 'url(/images/home.jpeg)'}}></header>
      <HomeSectionCardsHeader />
      <HomeSectionGrid />
      <HomeSectionVideo />
      <HomeSectionComments />
      <HomeSectionBlog posts={posts} />
    </div>
  );
}

export default HomeContent;