import * as React from "react"
import DesktopNav from "./components/DesktopNav";
import { AlarmSVG, BoxesSVG, CoinsSVG, ConstructionSVG, FuelSVG, GPSSVG, LineChartSVG, PieChartSVG, SettingsSVG, SyncSVG, TruckSVG,ZapSVG } from "@/assets/svg";
import MobileNav from "./components/MobileNav";
import {  BusIcon, Microscope, Package, ThermometerSnowflake } from "lucide-react";

export interface INavbarComponents {
            title:string,
            link?:string,
            sections:{
                icon?:React.ReactNode,
                title:string,
                href:string,
                description?:string,
            }[]
}
const platformComponents: INavbarComponents[] = [
    {
        title:"Solutions",
        // link:"/solutions",
        sections:[
            {
                title: "Fleet management",
                href: "/solutions/geolocalisation-suivi-de-flotte",
                description:
                    "Track every detail of your vehicles and equipment, from acquisition to decommissioning",
            },
            {
                title: "Car-sharing (Autopartage)",
                href: "/solutions/autopartage-entreprise",
                description:
                    "Easily share your vehicles, maximize their use and reduce costs",
            },
            {
                title: "Energy transition",
                href: "/solutions/transition-energetique",
                description: "Switch to electric or hybrid vehicles and reduce your carbon footprint",
            },
            {
                title: "DadyCar Garage",
                href: "/solutions/dadycar-garage",
                description: "Manage the maintenance, inventory, and temperature of your vehicles to ensure quality and performance",
            },
        ]
    },
    {
        title:"Features",
        link:"/features",
        sections:[
            
            {
                icon:<BoxesSVG  className={" w-7 h-7"} />,
                title: "Custom dashboard",
                href: "/features/tableau-de-bord-personnalise",
                description:
                    "View key information about your fleet in real time, according to your needs",
            },
            {
                icon:<SyncSVG  className={" w-7 h-7"} />,
                title: "Real-time Telematics Tracking",
                href: "/features/suivi-telematique-en-temps-reel",
                description:
                    "Track the location and performance of your vehicles at any time",
            },
            {
                icon:<SettingsSVG  className={" w-7 h-7"} />,
                title: "Predictive and Automated Maintenance",
                href: "/features/maintenance-predictive-et-automatisee",
                description:
                    "Anticipate breakdowns and optimize maintenance costs",
            },
            
            {
                icon:<PieChartSVG  className={" w-7 h-7"} />,
                title: "Personalized and analytical reports",
                href: "/features/rapports-personnalises-et-analytiques",
                description:
                    "Analyze your fleet data to make informed decisions",
            },
            {
                icon:<LineChartSVG  className={" w-7 h-7"} />,
                title: "Workflow Automation",
                href: "/features/automatisation-des-flux-de-travail",
                description:
                    "Simplify and automate management processes for greater efficiency",
            },
            {
                icon:<CoinsSVG  className={" w-7 h-7"} />,
                title: "Management of operational expenses",
                href: "/features/gestion-des-depenses-operationnelles",
                description:
                    "Track and reduce costs associated with operating your fleet",
            },

            {
                icon:<AlarmSVG  className={" w-7 h-7"} />,
                title: "Management of claims and fines",
                href: "/features/gestion-des-sinistres-et-des-amendes",
                description:
                    "Easily manage incidents and fines for better compliance",
            },
            {
                icon:<ZapSVG  className={" w-7 h-7"} />,
                title: "Optimization of electric vehicles",
                href: "/features/optimisation-des-vehicules-electriques",
                description:
                    "Track electric vehicle range, charging and costs",
            },
        ]
    },
    {
        title:"Integrations",
        // link:"/integrations",
        sections:[
            {
                icon:<GPSSVG  className={" w-7 h-7"} />,
                title: "Connected Vehicles - OEM",
                href: "/integrations/vehicule-connecte",
                description:
                    "Directly integrate data from your vehicles for precise and flawless tracking",
            },
            {
                icon:<AlarmSVG  className={" w-7 h-7"} />,
                title: "ANTAI (Management of fines)",
                href: "/integrations/gestion-des-contraventions-antai",
                description:
                    "Automatically manage fines and simplify their payment",
            },
            {
                icon:<FuelSVG  className={" w-7 h-7"} />,
                title: "Fuel Cards",
                href: "/integrations/cartes-carburant",
                description:
                    "Track consumption and optimize fuel expenses thanks to the integration of fuel cards",
            },
            {
                icon:<SettingsSVG  className={" w-7 h-7"} />,
                title: "Maintenance partners",
                href: "/integrations/partenaires-de-maintenance",
                description: "Connect to your maintenance partners for simplified repair and maintenance management",
            },
        ]
    },
    
]

const customersComponents: INavbarComponents[] = [
    {
        title:"Industries",
        link:"/secteurs",
        sections:[
            
            {
                icon:<TruckSVG  className={" w-7 h-7"} />,
                title: "Transport and Logistics",
                href: "/secteurs/transport-et-logistique",
                description:
                    "Optimize your journeys and reduce costs with precise, real-time management",
            },
            {
                icon:<ConstructionSVG  className={" w-7 h-7"} />,
                title: "Construction and BTP",
                href: "/secteurs/construction-et-bpt",
                description:
                    "Manage your construction vehicles efficiently and ensure their availability for each project",
            },
            {
                icon:<SettingsSVG  className={" w-7 h-7"} />,
                title: "Service et Maintenance",
                href: "/secteurs/service-et-maintenance",
                description:
                    "Track your service vehicles and guarantee their performance in the field",
            },
            {
                icon:<LineChartSVG  className={" w-7 h-7"} />,
                title: "Commercial fleets",
                href: "/secteurs/flottes-commerciales",
                description:
                    "Maximize the efficiency of your commercial fleets with simple tools for optimal management",
            },
            {
                icon:<BusIcon  className={" w-7 h-7"} />,
                title: "Passenger Transportation",
                href: "/secteurs/transport-de-passagers",
                description:
                    "Optimize journeys and reduce costs with real-time management of your fleet",
            },
            {
                icon:<Package  className={" w-7 h-7"} />,
                title: "Courier Services",
                href: "/secteurs/services-de-coursier",
                description:
                    "Ensure punctual and efficient deliveries, while anticipating maintenance needs",
            },
            {
                icon:<ThermometerSnowflake  className={" w-7 h-7"} />,
                title: "Refrigerated Transport",
                href: "/secteurs/transport-frigorifique",
                description:
                    "Guarantee the safety and quality of your goods with precise management of your refrigerated vehicles",
            },
            {
                icon:<Microscope  className={" w-7 h-7"} />,
                title: "Health and Emergency Services",
                href: "/secteurs/sante-et-services-d-urgence",
                description:
                    "Maximize the responsiveness of your teams by monitoring the status and availability of your emergency vehicles",
            },
        ]
    },
    {
        title:"Essential roles in your business",
        sections:[
            {
                title: "Fleet Manager",
                href: "/roles-dans-l-entreprise/gestionnaires-de-flotte-automobile",
            },
            {
                title: "Maintenance Manager",
                href: "/roles-dans-l-entreprise/responsables-de-maintenance-et-operations",
            },

            {
                title: "Heavy Vehicle Manager",
                href: "/roles-dans-l-entreprise/gestionnaires-de-parc-poids-lourds",
            },
            {
                title: "Business leaders",
                href: "/roles-dans-l-entreprise/chefs-d-entreprise",
            },
            {
                title: "Purchasing and supply Manager",
                href: "/roles-dans-l-entreprise/responsable-des-achats-et-approvisionnement",
            },
            {
                title: "Human resources Manager",
                href: "/roles-dans-l-entreprise/responsable-des-ressources-humaines",
            },
            {
                title: "Supply chain Manager",
                href: "/roles-dans-l-entreprise/responsable-supply-chain",
            },
            
        ]
    },
    
]

interface NavigationBarSectionProps {
  hideTabs?: boolean; // 👈 Add this line
}

const NavigationBarSection: React.FC<NavigationBarSectionProps> = () => {
    return (
            <nav className="bg-lightBackground  max-sm:fixed top-0 w-full z-[51] ">
                <DesktopNav  platformComponents={platformComponents} customersComponents={customersComponents} />
                <MobileNav  platformComponents={platformComponents} customersComponents={customersComponents}  />
            </nav>
    )
}

export default NavigationBarSection