const HeroSection = () => {
  return (
    <div class="">
      <section class="bg-hero-img bg-no-repeat bg-cover">
        <div class="container px-4 mx-auto">
          <div class="relative pt-12 md:pt-48 pb-32 lg:pb-48 mb-48 lg:mb-48">
            <div class="max-w-2xl mb-16 mx-auto text-center">
              <h2 class="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
                Decentralized margin trading that feels right.
              </h2>
            </div>
          </div>
        </div>
      </section>
    </div>
  )
}

export default HeroSection
