"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/components/relation/components/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/components/relation/components/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 (
        <div className="bg-black">
            <APIFetch notLengthCheckObject isLoading={dynamicPageLoading}
                customAnimation={
                    <Container>
                        <HomePageSkeleton />
                    </Container>
                }
            >
                <div className="min-h-[70vh]">
                    <GeneralPage dynamicPages={dynamicPages} dynamicPageLoading={dynamicPageLoading} relationTargets={relationTargets} />
                </div>
            </APIFetch>
        </div>
    );
}