import { Analytics } from "@vercel/analytics/react";
import { domAnimation, LazyMotion } from "framer-motion";
import type { AppProps } from "next/app";

import RootLayout from "@/components/root-layout";
import SeoMeta from "@/components/seo-meta";

import "@/styles/main.scss";

export default function App({ Component, pageProps }: AppProps) {
  return (
    <LazyMotion features={domAnimation} strict>
      <RootLayout>
        <SeoMeta schemaType="AboutPage" />
        <Analytics />
        <Component {...pageProps} />
      </RootLayout>
    </LazyMotion>
  );
}