First design of frontpage

tailwind.config.ts

@@ -1,3 +1,4 @@
+import { Carrois_Gothic } from "next/font/google";
 import type { Config } from "tailwindcss";
 
 const config: Config = {
@@ -8,12 +9,24 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      maxWidth: {
+        '1920': '1920px', // Max width set at 1920
+      },
+      maxHeight: {
+        '1080': '1080px', // Max height set at 1080
+      },
+      backgroundImage: {
+        'hero-image': "url('/cars.png')", // Set the background image for the hero
+      },
       colors: {
         background: "var(--background)",
         foreground: "var(--foreground)",
       },
+      height: {
+        '800px': '800px', // Height for background on hero
+      },
     },
   },
   plugins: [],
 };
-export default config;
+export default config;