import { Reveal } from "../../components/Reveal";

export function Philosophie() {
  return (
    <section className="w-full bg-bg-muted">
      <Reveal className="flex flex-col gap-6 items-start px-[var(--layout-padding-x)] py-14 sm:py-16 max-w-[42rem] mx-auto">
        <p
          className="font-semibold text-h-emphasis text-text-primary"
          style={{ fontFamily: "var(--font-lora)" }}
        >
          Worum es geht
        </p>
        <p className="text-body text-text-body">
          Am Ende eines Monats weiß ich meistens ziemlich genau, was ich erledigt habe. Was ich
          eigentlich erlebt habe, weiß ich oft nicht mehr. Daraus ist Die Sieben entstanden.
        </p>
        <p className="text-body text-text-body">
          Jeden Monat gibt es sieben kleine Einladungen – kein Programm, kein Plan, den man
          abarbeitet. Man nimmt sich, was passt. Den Rest lässt man liegen.
        </p>
        <p
          className="font-semibold text-body text-text-primary border-l-2 border-brand pl-4"
        >
          Es geht nicht darum, möglichst viel zu erleben, sondern die Dinge bewusster
          wahrzunehmen, die ohnehin schon da sind.
        </p>
      </Reveal>
    </section>
  );
}
