import Image from "next/image";
import { cdnUrl } from "@/lib/cdn";
import { PostHogTestButton } from "./posthog-test-button";

export default function Home() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <main className="flex flex-col items-center gap-8 text-center">
        <h1 className="text-5xl font-bold tracking-tight">GoodBrick</h1>
        <p className="text-xl text-muted-foreground">
          Производитель фасадной плитки
        </p>
        <Image
          src={cdnUrl("test/Frame 55.png")}
          alt="Test R2 image"
          width={600}
          height={486}
          className="rounded-lg shadow-lg"
        />
        <div className="flex gap-4 text-sm text-muted-foreground">
          <span>Next.js</span>
          <span>+</span>
          <span>shadcn/ui</span>
          <span>+</span>
          <span>.NET 9</span>
        </div>
        <PostHogTestButton />
      </main>
    </div>
  );
}