---
import mulletMeme from "/src/assets/centralized-mullet-meme.png";
---

<section id="meme" class="tilted-bgs">
  <div class="flex flex-col-reverse lg:flex-row gap-10 mx-10 sm:mx-20 xl:mx-40">
    <div class="space-y-10">
      <h2
        class="font-display text-primary font-bold text-xl md:text-2xl uppercase"
      >
        Busting the Decentralized Web3 Myth
      </h2>
      <h3 class="font-display text-4xl md:text-6xl font-bold">
        The Decentralized Mullet
      </h3>
      <p class="font-body text-xl md:text-3xl text-body">
        Right now, despite many claims, a majority, <b>if not all</b>, the
        services that build the legos of Web3 are actually centralized, both
        with what you can <b>see</b> and what you <b>can't.</b>
      </p>
      <p class="font-body text-xl md:text-3xl text-body">
        While some <b>blockchains</b> may be more <b>decentralized</b> than others,
        access to nearly every blockchain is also
        <b>centralized</b>.
      </p>

      <p class="font-body text-xl md:text-3xl text-body">
        So consider this a call to action for our community to go back to ethos
        and make Web3 <i>real</i>.
      </p>
    </div>
    <img
      src={mulletMeme.src}
      class="w-[500px] xl:w-[650px] max-h-[550px] self-center"
      alt="Web 1"
      style="padding-bottom: 3em"
    />
  </div>
</section>
