import type { Metadata } from "next";
import { Playfair_Display, Inter } from "next/font/google";
import Header from '../components/layout/Header';
import Footer from '../components/layout/Footer';
import { NotificationProvider } from '../components/providers/notification-provider';
import '../styles/globals.css';

const playfair = Playfair_Display({ 
  subsets: ["latin"],
  display: 'swap',
});

const inter = Inter({ 
  subsets: ["latin"],
  display: 'swap',
});

export const metadata: Metadata = {
  title: "FINLION | Mark Apodaca, MBA, PRP - Financial & Business Consulting",
  description: "Professional financial consulting, accounting, and nonprofit organization services. Specializing in QuickBooks, Xero, tax services, and strategic planning since 1978.",
  keywords: [
    "financial consulting",
    "nonprofit consulting",
    "QuickBooks",
    "Xero",
    "tax services",
    "business planning",
    "Mark Apodaca",
    "FINLION"
  ],
  authors: [{ name: "Mark Apodaca, MBA, PRP" }],
  creator: "Mark Apodaca",
  publisher: "FINLION",
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <NotificationProvider>
          <Header />
          <main className="min-h-screen pt-16">
            {children}
          </main>
          <Footer />
        </NotificationProvider>
      </body>
    </html>
  )
}