"use client";
import BannerHumasNew from "@/components/landing/banner-new";
import BannerHumas from "@/components/landing/BannerHumas";
import BodyLayout from "@/components/landing/BodyLayout";
import AnalyticDrawer from "@/components/landing/drawer";
import FooterNew from "@/components/landing/footer-new";
import HeaderNews from "@/components/landing/HeaderNews";
import NewsTicker from "@/components/landing/NewsTicker";
import { HumasLayout } from "@/components/layout/humas-layout";
import { Suspense, useEffect, useState } from "react";

export default function Home() {
  const [hasMounted, setHasMounted] = useState(false);

  useEffect(() => {
    setHasMounted(true);
  }, []);

  // Render
  if (!hasMounted) return null;

  return (
    <>
      <section className="flex flex-col">
        <NewsTicker />
        <AnalyticDrawer />
        <BannerHumasNew />
        <HeaderNews />
        <BodyLayout />
        <Suspense>
          <FooterNew />
        </Suspense>
      </section>
    </>
  );
}