"use client";
import { Suspense } from "react";
import dynamic from "next/dynamic";
import HeroVideo from "@/app/components/home/hero-video";
import BeYourBrand from "@/app/components/home/be-your-brand";
import RootedNature from "@/app/components/home/root-in-nature";
import CocreationHome from "@/app/components/home/co-creation";
import MoqBlog from "@/app/components/home/moq-blog";
import HomeStoriesSwiper from "@/app/components/home/HomeStoriesSwiper";
import { Metadata } from "next";

const InstaSwapy = dynamic(() => import("@/app/components/home/insta-swapy"), {
  loading: () => <p>Loading Instagram...</p>,
});


export default function Home() {
  return (
    <>
      <HeroVideo />
      <BeYourBrand />
      <HomeStoriesSwiper />
      <RootedNature />
      <CocreationHome />
      <MoqBlog />
      <Suspense fallback={<p>Loading page...</p>}>
        <InstaSwapy />
      </Suspense>
    </>
  );
}