import type { Metadata } from "next";
import { TodoKartenHero } from "./components/TodoKartenHero";
import { HowItWorks } from "./components/HowItWorks";
import { Focus } from "./components/Focus";
import { Testimonials } from "./components/Testimonials";
import { Pricing } from "./components/Pricing";
import { Footer } from "../components/Footer";

const title = "ToDo-Karten – Kleine Karten. Große Wirkung.";
const description =
  "Ein einfaches Werkzeug, das dir hilft, deinen Kopf frei zu bekommen und das Wesentliche zu sehen. 50 hochwertige ToDo-Karten für mehr Fokus im Alltag.";

export const metadata: Metadata = {
  title,
  description,
  alternates: {
    canonical: "/todo-cards",
  },
  openGraph: {
    title,
    description,
    url: "/todo-cards",
    images: ["/hero-todo-karten.png"],
  },
  twitter: {
    title,
    description,
    images: ["/hero-todo-karten.png"],
  },
};

export default function TodoCardsPage() {
  return (
    <>
      <main className="flex flex-col flex-1">
        <TodoKartenHero />
        <HowItWorks />
        <Focus />
        <Testimonials />
        <Pricing />
      </main>
      <Footer />
    </>
  );
}