"use client";

import StickyNavigation from "@/src/components/custom-components/sticky-navigation";
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 ApplicationScenarios from "@/src/components/relation/components/application-scenarios";
import AutomatedOperation from "@/src/shared-pages/dj-matrice-400/automated-operations";
import CompatiblePayloads from "@/src/components/relation/components/compatible-payloads";
import ComprehensiveAccessories from "@/src/components/relation/components/comprehensive-accessories";
import DroneProductIntro from "@/src/components/relation/components/drone-production-info";
import EnhancedIntelligence from "@/src/components/relation/components/enhanced-intelligence";
import FlightPerformanceSection from "@/src/shared-pages/dj-matrice-400/flight-performance-section";
import FlightTimeSection from "@/src/components/relation/components/flight-time";
import IntelligentFeatures from "@/src/shared-pages/dj-matrice-400/intelligent-features";
import IntelligentFlightModes from "@/src/shared-pages/dj-matrice-400/intelligent-flight-modes";
import MatriceHero from "@/src/components/relation/components/matrice-hero";
import OpenDeveloperEcosystem from "@/src/components/relation/components/open-developer-ecosystem";
import PayloadSection from "@/src/components/relation/components/payload-section";
import RealTimeSection from "@/src/components/relation/components/real-time-terrain-follow";
import RobustVideoTransmission from "@/src/components/relation/components/robust-video-transmission";
import SafeReliableFlight from "@/src/components/relation/components/safe-reliable-flight";
import SmartARRejection from "@/src/shared-pages/dj-matrice-400/smart-ar-rejection";
import SoftwareIndustries from "@/src/shared-pages/dj-matrice-400/software-industries";
import TakeOffSection from "@/src/components/relation/components/take-off-section";
import UserDataSecurity from "@/src/components/relation/components/user-data-secuiry";
import Accessories from "@/src/components/relation/components/accessories";
import CrystalVision from "@/src/shared-pages/dji-matrices-4-series/crystal-vision";
import DroneCard from "@/src/shared-pages/dji-matrices-4-series/drone-card";
import IntelligentSection from "@/src/shared-pages/dji-matrices-4-series/intelligent-operations";
import IntelligentVision from "@/src/shared-pages/dji-matrices-4-series/intelligent-vision";
import MatriceSpecs from "@/src/shared-pages/dji-matrices-4-series/matrice-specs";
import MatriceSeriesSection from "@/src/components/relation/components/matrices-series";
import MultiDirectionalCapture from "@/src/components/relation/components/multi-directional-capture";
import OperationsTab from "@/src/shared-pages/dji-matrices-4-series/operations-tab";
import PrecisionMap from "@/src/shared-pages/dji-matrices-4-series/precision-map";
import ProductInfo from "@/src/shared-pages/dji-matrices-4-series/product-info";
import SeriesHero from "@/src/shared-pages/dji-matrices-4-series/series-hero";
import SmartCapture from "@/src/components/relation/components/smart-3D-capture";
import Container from "@/src/components/ui/container";
import HomePageSkeleton from "@/src/components/relation/skeletons/home-page-skeleton";
import GeneralPage from "@/src/shared-pages/dynamic-pages/general-page";
import { blockReferences, websiteSetup } from "@/src/constants/website-setup";

const matriceNavItems = [
    {
        label: "Intelligence",
        href: "#highspeed",
    },
    {
        label: "Tele Cameras",
        href: "#payloadp",
    },
    {
        label: "Surveying",
        href: "#acce",
    },
];


export default function DJIMatriceSeriesPage() {

    const { data: dynamicPages, isLoading: dynamicPageLoading, relationTargets } = useApi({
        apiEndpoint: apiEndpoints.website_setup.generalPage,
        enableFetchApi: true,
        searchParams: {
            block: websiteSetup.pages,
            blockReference: blockReferences.djMatriceSeries,
            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>
            {/* <APIFetch
                lengthCheckObject={data}
                isLoading={isLoading}
                animatedLoading={animations.listBlock}
                blocks={8}
            >
                <main className="bg-black">
                    <StickyNavigation
                        title="DJI Matrice 4 Series"
                        navItems={matriceNavItems}
                        buttonText="BUY NOW"
                        buttonLink="https://dynatech.ae/dji-matrics-400-products/"
                    />

                    <SeriesHero />


                    <ProductInfo />

                    <MatriceSpecs />

                    <section id="highspeed">
                        <IntelligentFeatures />
                        <IntelligentSection />
                    </section>


                    <DroneCard />
                    <OperationsTab />
                    <CrystalVision />
                    <PrecisionMap />
                    <MultiDirectionalCapture />
                    <SmartCapture />
                    <FreeOperationCard />
                    <MatriceSeriesSection />
                    <Accessories />
               


                </main>
            </APIFetch> */}
        </>
    );
}