feat: add daisyui and implement basic home page layout

package.json

@@ -18,6 +18,7 @@
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react": "^4.2.1",
+    "daisyui": "^4.11.1",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",

src/App.jsx

@@ -1,12 +1,12 @@
 import NavigationBar from "./components/NavigationBar";
 import Footer from "./components/Footer";
-import Hero from "./components/Hero";
+import Home from "./components/Home";
 
 function App() {
   return (
     <>
       <NavigationBar />
-      <Hero />
+      <Home />
       <Footer />
     </>
   );

src/components/Hero.jsx

@@ -1,5 +1,18 @@
 function Hero() {
-  return <div className="min-h-screen flex flex-col"></div>;
+  return (
+    <div class="hero bg-base-200">
+      <div class="hero-content text-center">
+        <div class="max-w-md">
+          <h1 class="text-5xl font-bold">./SoDA</h1>
+          <p class="my-2">The Software Developers Association</p>
+          <p class="my-4">
+            The premiere software development club for university students at Arizona State University
+          </p>
+          <button class="btn btn-primary">Get Started</button>
+        </div>
+      </div>
+    </div>
+  );
 }
 
 export default Hero;

src/components/Home.jsx

@@ -0,0 +1,14 @@
+import Hero from "./Hero";
+
+function Home() {
+  return (
+    <div className="h-[50vh] grid grid-cols-2">
+      <Hero />
+      <div className="flex justify-center items-center">
+        Insert slideshow here
+      </div>
+    </div>
+  );
+}
+
+export default Home;

tailwind.config.js

@@ -22,5 +22,5 @@ export default {
       },
     },
   },
-  plugins: [],
+  plugins: [require('daisyui')],
 };