import type { Metadata } from "next";
import { DieSiebenHero } from "./components/DieSiebenHero";
import { Philosophie } from "./components/Philosophie";
import { SoFunktionierts } from "./components/SoFunktionierts";
import { Footer } from "../components/Footer";
import { Newsletter } from "../components/Newsletter";

const title = "Die Sieben – Das Monatsritual von einfach produktiv.";
const description =
  "Sieben kleine Dinge, die den Monat ein bisschen reicher machen. Kein Programm, keine Pflicht – nur eine Einladung, bewusster wahrzunehmen, was ohnehin schon da ist.";

export const metadata: Metadata = {
  title,
  description,
  alternates: {
    canonical: "/die-sieben",
  },
  openGraph: {
    title,
    description,
    url: "/die-sieben",
  },
  twitter: {
    title,
    description,
  },
};

// Rebuilt from the old WordPress page of the same name — a free monthly
// ritual, not a product, so unlike /todo-cards or /lebensuhr there's no
// photo asset and no pricing/testimonials section here. The WordPress
// original also linked out to a monthly-changing "aktuelle Ausgabe" card,
// a printable template, and an archive of past months — none of that has
// a home in this codebase yet (no CMS collection backs it), so this build
// is the evergreen concept page only. Newsletter signup below stands in as
// the "stay in the loop" mechanism until/unless a real "monthly edition"
// content model gets built.
export default function DieSiebenPage() {
  return (
    <>
      <main className="flex flex-col flex-1 bg-bg-base">
        <DieSiebenHero />
        <Philosophie />
        <SoFunktionierts />
        <Newsletter
          title="Nicht verpassen, wenn eine neue Sieben erscheint"
          description="Ich schreibe dir, sobald es die Sieben für den nächsten Monat gibt – ohne Spam, jederzeit abbestellbar."
        />
      </main>
      <Footer />
    </>
  );
}