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>
    )
}