frontend/src/components/Hero.tsx

export const Hero = () => {
  return (
    <section className="container py-30 sm:py-36 space-y-8">
      <div className="text-center lg:text-start space-y-6">
        <main className="text-8xl lg:text-10xl font-bold">
          <h1 className="md:text-center">
            <span className="inline bg-gradient-to-r from-[#F596D3]  to-[#D247BF] text-transparent bg-clip-text">
              Doc
            </span>
            Verify
            <span className="inline bg-gradient-to-r from-[#61DAFB] via-[#1fc0f1] to-[#03a3d7] text-transparent bg-clip-text">
              RAG
            </span></h1>{" "}
        </main>
      </div>
    </section>
  );
};