export default function Hero() { return ( <section className="mx-container mb-48 mt-32 grid sm:mt-40 lg:mt-48 xl:mt-52"> <h1 className="mx-auto mb-4 text-center font-display text-7xl font-bold leading-tight text-white 2xs:max-w-[322px] 2xs:text-8xl xs:max-w-[none] sm:text-9xl md:max-w-none md:text-10xl lg:text-12xl xl:mb-5 xl:text-14xl"> BlockMind AI is <span className="text-gradient">a chatbot.</span> </h1> <p className="mx-auto mb-10 max-w-[353px] text-center text-beige xs:text-lg sm:max-w-[400px] sm:text-xl lg:mb-12 lg:max-w-[492px] lg:text-2xl"> Introducting the <span className="text-gradient">AI</span> that serves as your personal guide in the world of{" "} <span className="text-gradient">blockchain</span>. Start by connected our wallet. </p> </section> ); }