s1

app/routes/ai-quiz.tsx

@@ -0,0 +1,15 @@
+import React, {useState} from "react";
+
+export default function Index(){
+    return(
+        <section className='container-fluid bg-[#000]'>
+            <div className="flex flex-row justify-center gap-x-8 py-3">
+                <img src="../../assets/ai-button-icon.svg" alt="" />
+                <div className="flex flex-col">
+                    <p className="text-[#FFF] text-[24px] font-[700]"> Take an AI Generative Quiz</p>
+                    <p className="text-[#FFF] text-[16px] font-[400]">Convert any text into an interactive quiz session</p>
+                </div>
+            </div>
+        </section>
+    )
+}