import { Button } from "@/components/ui/button";
import AppLogo from "@/components/graphics/AppLogo";
import { LoginLink } from "@/components/frontend/auth/LoginLink";

export function LandingPage() {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center p-5 gap-6 bg-background">
      <div className="flex flex-col items-center gap-3 text-center max-w-md">
        <div className="w-[260px] pb-2 [&_img]:w-full [&_img]:h-auto">
          <AppLogo />
        </div>
        <p className="text-sm text-muted-foreground">
          Classified operations portal for Polaris Task Force, an Arma 3 unit. Log in to access the
          operations dashboard, intelligence, and logistics.
        </p>
        <Button asChild className="mt-2">
          <LoginLink>Log in to access the portal</LoginLink>
        </Button>
      </div>
    </div>
  );
}