import type { Metadata } from "next";
import "./globals.css";
import { Footer } from "@/components/Footer";
import { Nav } from "@/components/Nav";
import { ThemeScript } from "@/components/ThemeScript";

export const metadata: Metadata = {
    metadataBase: new URL("https://vantage.hostxtra.co.uk"),
    title: {
        default: "Vantage  one control plane for the whole fleet",
        template: "%s Vantage",
    },
    description: "Self-hosted fleet control: SSH key assignment, workflow execution, service monitoring, a secrets vault and a browser console, across every server you manage.",
    openGraph: {
        type: "website",
        siteName: "Vantage",
        title: "Vantage one control plane for the whole fleet",
        description: "Self-hosted fleet control: SSH keys, workflows, monitors, secrets and consoles, over one outbound agent connection.",
    },
    icons: { icon: "/images/vantage_logo.svg" },
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
    return (
        <html lang="en-GB">
            <head>
                <ThemeScript />
            </head>
            <body>
                <a className="skip" href="#main">
                    Skip to content
                </a>
                <Nav />
                <main id="main">{children}</main>
                <Footer />
            </body>
        </html>
    );
}
