import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "AppForge Africa | App Development Agency",
  description:
    "Premium app development agency landing page for eligible-market clients. Build iOS, Android, AI, cloud, blockchain, CRM, and ERP apps with the 4999 USD any app in 15 days offer.",
  openGraph: {
    title: "AppForge Africa | App Development Agency",
    description:
      "App development, iOS, Android, Agentic AI, AI chatbots, blockchain, cloud, managed IT, CRM/ERP solutions, testimonials, case studies, and request forms.",
    images: ["/ad-hero-v2.jpg"],
  },
  icons: {
    icon: "/favicon.svg",
    shortcut: "/favicon.svg",
  },
};

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