diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index 79bd6ef..0000000
--- a/.eslintrc
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "root": true,
-  "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended"
-  ]
-}
diff --git a/components/blocks/best-parmi.tsx b/components/blocks/best-parmi.tsx
index 61553af..d078275 100644
--- a/components/blocks/best-parmi.tsx
+++ b/components/blocks/best-parmi.tsx
@@ -3,6 +3,7 @@ import { Container } from "../util/container";
 import { Section } from "../util/section";
 import { Template } from "tinacms";
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const BestParmi = ({ data, parentField }) => {
   return (
     <Section>
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index 7233379..02a7cfa 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -41,7 +41,7 @@ export const Layout = ({ data = layoutData, children }) => {
           {children}
         </div>
         <Footer
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+           
           data={data?.footer}
         />
       </div>
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..b10c91e
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,40 @@
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  {
+    ignores: [
+      "**/node_modules",
+      "**/dist",
+      "tina/__generated__",
+      "**/```",
+      ".next",
+    ],
+  },
+  ...compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ),
+  {
+    plugins: {
+      "@typescript-eslint": typescriptEslint,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+    },
+  },
+];
diff --git a/graphql.config.js b/graphql.config.js
index 14cbc49..c46b3e4 100644
--- a/graphql.config.js
+++ b/graphql.config.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-undef
 module.exports = {
   projects: {
     app: {
diff --git a/next-sitemap.config.js b/next-sitemap.config.js
index 2d3869c..6b10c3d 100644
--- a/next-sitemap.config.js
+++ b/next-sitemap.config.js
@@ -1,5 +1,6 @@
 /** @type {import('next-sitemap').IConfig} */
 
+// eslint-disable-next-line no-undef
 module.exports = {
   siteUrl: "https://parmipicks.com/",
   changefreq: "daily",
diff --git a/next.config.js b/next.config.js
index bb716ed..5b73a55 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-undef
 module.exports = {
   i18n: {
     locales: ["en"],
diff --git a/package.json b/package.json
index 43a52f1..bceb80e 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "start": "tinacms build && next start",
     "export": "npm run build && next export",
     "postbuild": "next-sitemap --config next-sitemap.config.js",
-    "lint": "eslint . --ext .ts,.tsx"
+    "lint": "eslint ."
   },
   "devDependencies": {
     "@svgr/webpack": "^8.0.1",
@@ -41,4 +41,4 @@
   "resolutions": {
     "final-form": "4.20.1"
   }
-}
+}
\ No newline at end of file
diff --git a/pages/[filename].tsx b/pages/[filename].tsx
index a81a030..d22e936 100644
--- a/pages/[filename].tsx
+++ b/pages/[filename].tsx
@@ -3,9 +3,7 @@ import { useTina } from "tinacms/dist/react";
 import { Layout } from "../components/layout";
 import { client } from "../tina/__generated__/client";
 import { InferGetStaticPropsType } from "next";
-import Link from "next/link";
 import Head from "next/head";
-import { Section } from "../components/util/section";
 
 export default function HomePage(
   props: InferGetStaticPropsType<typeof getStaticProps>
@@ -15,10 +13,10 @@ export default function HomePage(
     variables: props.variables,
     data: props.data,
   });
-  const bestParmi = props.topParmi.node;
-  const bestParmiReview = bestParmi.id.split(".")[0];
+  // const bestParmi = props.topParmi.node;
+  // const bestParmiReview = bestParmi.id.split(".")[0];
 
-  const bestParmiReviewUrl = bestParmiReview.replace("content", "");
+  // const bestParmiReviewUrl = bestParmiReview.replace("content", "");
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     <Layout data={data.global as any}>
diff --git a/postcss.config.js b/postcss.config.js
index 6887c82..affb959 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-undef
 module.exports = {
   plugins: {
     "postcss-import": {},
diff --git a/tailwind.config.js b/tailwind.config.js
index df999e8..d6b4671 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+/* eslint-disable no-undef */
+/* eslint-disable @typescript-eslint/no-require-imports */
 const colors = require("tailwindcss/colors");
 const defaultTheme = require("tailwindcss/defaultTheme");
 
diff --git a/tina/config.tsx b/tina/config.tsx
index 968ab22..d7ce21d 100644
--- a/tina/config.tsx
+++ b/tina/config.tsx
@@ -3,10 +3,7 @@ import { defineConfig } from "tinacms";
 import { contentBlockSchema } from "../components/blocks/content";
 import { featureBlockSchema } from "../components/blocks/features";
 import { heroBlockSchema } from "../components/blocks/hero";
-import {
-  BestParmi,
-  bestParmiBlockSchema,
-} from "../components/blocks/best-parmi";
+import { bestParmiBlockSchema } from "../components/blocks/best-parmi";
 
 const config = defineConfig({
   clientId: process.env.NEXT_PUBLIC_TINA_CLIENT_ID!,