new Landing page, stripped app

bizmatch-client/tailwind.config.js

@@ -0,0 +1,50 @@
+module.exports = {
+  safelist: [
+    'text-red-400',
+    'text-purple-400',
+    'text-pink-400',
+    'text-teal-400',
+    'text-green-400',
+    'text-yellow-400',
+    'text-blue-400',
+    'text-cyan-400',
+    'text-gray-400',
+    'text-sky-400',
+    'text-orange-400',
+    'text-violet-400',
+    'text-indigo-400',
+    'text-amber-700'
+    // Fügen Sie hier alle möglichen Farbklassen hinzu, die dynamisch geladen werden könnten
+  ],
+  content: [
+    "./src/**/*.{html,ts}",  
+    "./node_modules/flowbite/**/*.js" // add this line
+  ],
+  theme: {
+    extend: {
+      fontSize: {
+        'xs': '.75rem',
+        'sm': '.875rem',
+        'base': '1rem',
+        'lg': '1.125rem',
+        'xl': '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+        '4xl': '2.25rem',
+        '5xl': '3rem',
+      },
+      dropShadow: {
+        'custom-bg': '0 15px 20px rgba(0, 0, 0, 0.3)', // Wähle einen aussagekräftigen Namen
+        'custom-bg-mobile': '0 1px 2px rgba(0, 0, 0, 0.2)', // Wähle einen aussagekräftigen Namen
+        'inner-faint': '0 3px 6px rgba(0, 0, 0, 0.1)',
+        'custom-md': '0 10px 15px rgba(0, 0, 0, 0.25)', // Dein mittlerer Schatten
+        'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)'   // Dein großer Schatten        
+        // ... andere benutzerdefinierte Schatten, falls vorhanden
+      }   
+    },
+  },
+  plugins: [
+    require('flowbite/plugin') // add this line
+  ],
+}
+