import {LegalFooter} from '@/components/legal-footer';
import type { Metadata } from "next";
import "./globals.css";

export const metadata: Metadata = {
  metadataBase: new URL("https://hersovereign.com"),
  openGraph: {
    type: "website",
    url: "https://hersovereign.com",
    siteName: "Sovereign",
    title: "Sovereign | A life with room for you",
    description: "A little clarity. A little more space. Your personal workspace for life, wellbeing and dreams — and a community supporting women in business.",
    images: [{ url: "/sovereign-share-logo.png", width: 1280, height: 1280, alt: "Sovereign gold monogram and deep plum wordmark" }],
  },
  twitter: {
    card: "summary_large_image",
    title: "Sovereign | A life with room for you",
    description: "A little clarity. A little more space. A life with room for you.",
    images: ["/sovereign-share-logo.png"],
  },
  title: "Sovereign | Wealth, wellbeing & life goals",
  description: "Your private life-planning workspace for money, wellbeing, relationships, spiritual life and purposeful goals.",
  icons: {
    icon: "/favicon.svg",
    shortcut: "/favicon.svg",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className="antialiased">{children}<LegalFooter/></body>
    </html>
  );
}