import AIHero from '../components/landing/sections/ai-hero';
import AILiveDemo from '../components/landing/sections/ai-live-demo';
import AIFeaturesTop from '../components/landing/sections/ai-features-top';
import AIMissionVision from '../components/landing/sections/ai-mission-vision';
import AICollaboration from '../components/landing/sections/ai-collaboration';
import AITestimonials from '../components/landing/sections/ai-testimonials';
import FloatingChat from '../components/landing/floating-chat';
import HeaderNavigation from '../components/landing/header-navigation';
import Footer from '../components/landing/footer';
import { ChatProvider } from '../contexts/ChatContext';
import SEOHead from '../components/SEOHead';

interface Props {
  researchersCount?: number;
  institutionsCount?: number;
}

export default function Home({ researchersCount = 0, institutionsCount = 0 }: Props) {
  const homeJsonLd = {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebSite",
        "name": "MIRATE - Mapa Interactivo de Innovación Educativa",
        "alternateName": "MIRATE",
        "url": window.location.origin,
        "description": "Plataforma digital que visibiliza y conecta proyectos de investigación con innovación pedagógica, didáctica y curricular en Colombia y Latinoamérica",
        "publisher": {
          "@type": "Organization",
          "name": "Universidad de Córdoba",
          "logo": {
            "@type": "ImageObject",
            "url": `${window.location.origin}/assets/img/logo_mirate.png`
          }
        },
        "potentialAction": {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": `${window.location.origin}/map?search={search_term_string}`
          },
          "query-input": "required name=search_term_string"
        }
      },
      {
        "@type": "WebPage",
        "@id": `${window.location.href}#webpage`,
        "url": window.location.href,
        "name": "MIRATE - Inicio",
        "description": "Plataforma de innovación educativa que conecta investigadores, metodologías y proyectos en Colombia y Latinoamérica",
        "breadcrumb": {
          "@type": "BreadcrumbList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "name": "Inicio",
              "item": window.location.origin
            }
          ]
        }
      },
      {
        "@type": "EducationalOrganization",
        "name": "MIRATE",
        "description": "Red de innovación educativa para la transferencia y escalabilidad de conocimiento pedagógico",
        "url": window.location.origin,
        "areaServed": {
          "@type": "Place",
          "name": "Colombia y Latinoamérica"
        },
        "knowsAbout": [
          "Innovación Pedagógica",
          "Investigación Educativa",
          "Transferencia Metodológica",
          "Innovación Curricular",
          "Innovación Didáctica"
        ]
      }
    ]
  };

  return (
    <ChatProvider>
      <SEOHead
        title="Inicio - Plataforma de Innovación Educativa"
        description="MIRATE conecta investigadores y proyectos de innovación pedagógica en Colombia y Latinoamérica. Explora metodologías, resultados y colabora con la comunidad educativa."
        keywords={[
          'plataforma educativa',
          'red de innovación',
          'investigación colaborativa',
          'inteligencia artificial educación',
          'mapa interactivo proyectos',
          'transferencia metodológica',
          'escalabilidad educativa'
        ]}
        type="website"
        jsonLd={homeJsonLd}
      />

      {/* Fixed Navigation Header */}
      <HeaderNavigation />

      <main className="min-h-screen bg-white dark:bg-slate-900 relative">
        <AIHero />
        <AILiveDemo />
        <AIFeaturesTop />
        <AIMissionVision />
        <AICollaboration researchersCount={researchersCount} institutionsCount={institutionsCount} />
        <AITestimonials />
        <FloatingChat />
      </main>
      
      <Footer />
    </ChatProvider>
  );
}