Merge pull request #12 from cse23-mora/bytequiz

feat: add bytequiz link to homepage

Author: NipunSGeeTH

public/images/projects/bytequiz.png

@@ -155,6 +155,30 @@ const posts = (await getCollection("event"))
                     </div>
                   </div>
                 </div>
+
+                <div
+                  class="w-full max-w-sm border border-gray-200 rounded-xl shadow-sm dark:border-gray-700 mx-auto hover:scale-110 transition-transform duration-500 ease-in-out backdrop-blur-sm dark:border-gray-800 dark:focus:border-transparent bg-indigo-400 dark:bg-indigo-700 dark:bg-opacity-10 bg-clip-padding backdrop-filter bg-opacity-10"
+                >
+                  <div class="flex flex-col items-center pb-10 pt-6">
+                    <img
+                      class="w-32 h-32 mb-3 rounded-full"
+                      src="/images/projects/bytequiz.png"
+                      alt="ByteQuiz project logo"
+                    />
+                    <h5
+                      class="mb-1 text-xl font-medium text-gray-900 dark:text-white"
+                    >
+                      ByteQuiz
+                    </h5>
+                    <div class="flex mt-4 md:mt-6">
+                      <a
+                        href="https://bytequiz.cse23.org/"
+                        class="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-gradient-to-r from-indigo-500 to-pink-500 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+                        >Open</a
+                      >
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </section>