function Squad() {
  const squad = [
    {
      name: 'EL FAFO',
      src: 'assets/pfpelfafo.png',
      desc: "EL FAFO is an expert at surviving against large groups of degens thanks to his experience in adapting to any market conditions and dodging the most clever scams around. Although he likes to live far from the population in dense forests, he's always connected and ready to dump on you. BE CAREFUL!",
      href: 'https://opensea.io/item/ethereum/0x4db52a61dc491e15a2f78f5ac001c14ffe3568cb/6'
    },
    {
      name: 'Reina Rana',
      src: 'assets/pfpreina.png',
      desc: "Reina Rana, a distinguished air force pilot, is known for her exceptional skill and bravery in the skies. As the girlfriend of the iconic Sgt. Pepe, she plays a crucial role in the fictional world of the 'Memolution'.",
      href: 'https://opensea.io/item/ethereum/0x4db52a61dc491e15a2f78f5ac001c14ffe3568cb/45'
    },
    {
      name: 'Wallace',
      src: 'assets/pfpwallace.png',
      desc: 'Sir Pepe Wallace is leading a rebellion against the army of flippers, and as a master holder joining his side, you will be rewarded over time and become a part of the diamond hands community. For best results, keep him in the same wallet where you received him, and continue to be a steadfast supporter through any hardships. Most importantly, HODL!',
      href: 'https://opensea.io/item/ethereum/0x4db52a61dc491e15a2f78f5ac001c14ffe3568cb/16'
    },
    {
      name: 'Pepe Jones',
      src: 'assets/pfpjones.png',
      desc: "Pepe Jones is known for his iconic accoutrements, including a bullwhip, fedora, and leather jacket. He also has a wry, witty, and sarcastic sense of humor, deep knowledge of ancient civilizations and languages, and a fear of snakes. Jones is always up for a good adventure, whether it's bugging El Fafo in his oasis or triggering Major Karen at the store. There is never a boring day with him!",
      href: 'https://opensea.io/item/ethereum/0x4db52a61dc491e15a2f78f5ac001c14ffe3568cb/9'
    },
    {
      name: 'WAGMI Party',
      src: 'assets/pfpwagmi.png',
      desc: "Sgt Pepe cordially invites you to his 'Launch Party', where we'll be popping bottles and celebrating the beginning of of Sgt Pepe World! With your invitation in hand and a glass of bubbly, we'll be exploring new characters and having a blast. So join Sgt Pepe on this wild adventure and let's raise a glass to an exciting new journey! Cheers!",
      href: 'https://opensea.io/item/ethereum/0x4db52a61dc491e15a2f78f5ac001c14ffe3568cb/3'
    },
    {
      name: 'Karen',
      src: 'assets/pfpkaren.png',
      desc: "After working hard and rising to the ranks of Major, Karen Pepe now only speaks to managers and is a complainnnoooorrr if she can't speak to one wherever she goes.",
      href: 'https://opensea.io/item/ethereum/0x7f035decd40247dcbc12ed69b235fdaae8df63e1/3'
    },
  ];
  return (
    <section className="squad" id="characters">
      <h2>The Rest of the Squad</h2>
      <div className="squad-grid" data-squad-grid>
        {squad.map((c, i) => (
          <article className="squad-card" key={i} data-squad-card>
            <div className="face"><img src={c.src} alt={c.name} loading="lazy" /></div>
            <div className="meta">
              <div className="name">{c.name}</div>
              <div className="desc">{c.desc}</div>
              <a className="more" href={c.href} target="_blank" rel="noreferrer">Know More</a>
            </div>
          </article>
        ))}
      </div>
      <div className="cta-wrap">
        <a className="btn on-dark" href="https://opensea.io/collection/memelab6529?traits=[{%22traitType%22:%22Artist+1%22,%22values%22:[%22Arsonic%22]}]" target="_blank" rel="noreferrer">visit memelab</a>
      </div>
    </section>
  );
}
window.Squad = Squad;
