/* eslint-disable spellcheck/spell-checker */
import React, { type ReactNode } from 'react';
// import { Inter } from 'next/font/google';
import './globals.css';
import './css/custom-style.css';
import StyledComponentsRegistry from './lib/AntdRegistry';
import ReduxProvider from '../store/provider';
import AuthProvider from '@/context/client-provider';
import type { Metadata } from 'next';
import { WebVitals } from '@/components/WebVitals';

// const inter = Inter({ subsets: ['latin'] });

interface RootLayoutProps {
    children: ReactNode
}

export const metadata: Metadata = {
  title: 'Housiey Real Estate',
  description: 'Generated by Housiey Real Estate',
};

const RootLayout: React.FC<RootLayoutProps> = ({ children }) => {
  return (
    <html lang="en">
      <head>
        <meta name="robots" content="noindex, nofollow" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" />
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
      </head>
      <body>
        <WebVitals />
        <StyledComponentsRegistry />
        <ReduxProvider>
          <AuthProvider>{children}</AuthProvider>
        </ReduxProvider>
      </body>
    </html>
  );
};

export default RootLayout;
