"use client";

import StickyNavigation from "@/src/components/custom-components/sticky-navigation";
import Container from "@/src/components/ui/container";
import { animations } from "@/src/constants/animations";
import { apiEndpoints } from "@/src/server_api/config/api.endpoints";
import useApi from "@/src/server_api/hooks/use-api";
import { APIFetch } from "@/src/server_api/utils/api-fetch";
import GeneralPage from "@/src/shared-pages/dynamic-pages/general-page";
import { blockReferences, websiteSetup } from "@/src/constants/website-setup";
import HomePageSkeleton from "@/src/components/relation/skeletons/home-page-skeleton";

export default function SmoothAIPage() {

    const { data: dynamicPages, isLoading: dynamicPageLoading, relationTargets } = useApi({
        apiEndpoint: apiEndpoints.website_setup.generalPage,
        enableFetchApi: true,
        searchParams: {
            block: websiteSetup.pages,
            blockReference: blockReferences.smoothAI,
            isrelation: '1',
            random: '1',
        }
    });

    return (
        <>
            <APIFetch notLengthCheckObject isLoading={dynamicPageLoading}
                customAnimation={
                    <Container>
                        <HomePageSkeleton />
                    </Container>
                }
            >
                <div className="min-h-[70vh]">
                    <GeneralPage dynamicPages={dynamicPages} dynamicPageLoading={dynamicPageLoading} relationTargets={relationTargets} />
                </div>
            </APIFetch>
        </>
    );
}