GitAuto: Replace current CSS with tailwind CSS

pages/landing.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import styles from './landing.module.css';
+
 
 const Landing = () => (
   <div className={styles.container}>
     <header className={styles.header}>
       <h1>Welcome to Our Landing Page</h1>
     </header>
-    <main className={styles.main}>
+    <main className="p-4">
       <section className={styles.section}>
         <h2>About Us</h2>
         <p>Description about the company.</p>
@@ -26,4 +26,4 @@ const Landing = () => (
   </div>
 );
 
-export default Landing;
+export default Landing;

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

styles/globals.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+

tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};