import type { Metadata } from "next";
import { Hero } from "./components/Hero";
import { Divider } from "./components/Divider";
import { Tools } from "./components/Tools";
import { ProductSpotlight } from "./components/ProductSpotlight";
import { Blog } from "./components/Blog";
import { About } from "./components/About";
import { Newsletter } from "./components/Newsletter";
import { Footer } from "./components/Footer";

const title = "einfach produktiv. – Produktivität darf sich leicht anfühlen";
const description =
  "Werkzeuge, Impulse und die 7-Tage-Challenge für Menschen mit Familie, Verantwortung und wenig Zeit. Mehr Klarheit und Fokus im Alltag – einfach produktiv.";

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

export default function Home() {
  return (
    <>
      <main className="flex flex-col flex-1">
        <Hero />
        <Divider />
        <Tools />
        <ProductSpotlight />
        <Blog />
        <About />
        <Newsletter />
      </main>
      <Footer />
    </>
  );
}
