import type { Metadata } from 'next';
import { Montserrat } from 'next/font/google';
import { MainLayout } from '@/components/layout';
import twitterOg from './twitter-image.png';
import './globals.css';

const montserratFont = Montserrat({
  variable: '--font-montserrat',
  subsets: ['latin'],
  display: 'swap',
});

const title = 'Chase D. Fonteno - Serial Entrepreneur';
const description =
  'Real Estate Investing Expert, Internet Venture Capitalist & consummate Writer, Speaker & Lecturer';

const baseUrl = process.env.BASE_URL;

export const metadata: Metadata = {
  title,
  description,
  metadataBase: new URL(`${baseUrl || `https://dev.chasefonteno.com/`}`),
  keywords: [
    'Chase Fonteno',
    'chase fonteno',
    'Hilton Head Properties',
    'Real Estate Investor',
    'WebIdeas Partners',
    'webideas partners',
    'The Billionaires Plan',
    'the billionaires plan',
    'The Billionaires Club',
    'the billionaires club',
    'TBC',
    'tbc',
    'TBP',
    '123Start.biz',
    'entrepreneurship',
    'money management',
    'real estate',
    'venture capital',
    'investment',
  ],
  twitter: {
    images: [
      {
        url: twitterOg.src,
        width: twitterOg.width,
        height: twitterOg.height,
      },
    ],
    card: 'summary_large_image',
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className="scroll-smooth overscroll-none"
      suppressHydrationWarning
    >
      <body
        className={`${montserratFont.variable} antialiased overscroll-none`}
        suppressHydrationWarning
      >
        <MainLayout>{children}</MainLayout>
      </body>
    </html>
  );
}
