import { createFileRoute } from "@tanstack/react-router";
import { Header } from "@/components/site/Header";
import { Hero } from "@/components/site/Hero";
import { Services } from "@/components/site/Services";
import { Approach } from "@/components/site/Approach";
import { Outcomes } from "@/components/site/Outcomes";
import { Contact } from "@/components/site/Contact";

export const Route = createFileRoute("/")({
  head: () => ({
    meta: [
      { title: "Innovative Management — EU & International Donor Assistance" },
      {
        name: "description",
        content:
          "Innovative Management D.O.O. Podgorica — a goal-oriented team of experts supporting the design and implementation of EU and other international donor assistance.",
      },
      { property: "og:title", content: "Innovative Management" },
      {
        property: "og:description",
        content:
          "Turn your ideas into successful projects — EU and international donor assistance, project cycle management, IT tools and MICE organisation.",
      },
    ],
  }),
  component: Index,
});

function Index() {
  return (
    <main className="bg-background">
      <Header />
      <Hero />
      <Services />
      <Approach />
      <Outcomes />
      <Contact />
    </main>
  );
}