<section class="w-full py-20 md:py-32 lg:py-40 max-w-[90%] mx-auto bg-cover bg-center bg-no-repeat text-center relative" style="background-image: url('./assets/about-background.png')" data-component-type="Content" data-component-slug="portfolio-template-about-work-hero">
  <!-- TAG -->
  <div class="inline-block py-2.5 px-6 font-['Cabin'] text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-normal text-white rounded-xl bg-[rgba(10,10,10,0.65)] border border-white/[0.12] backdrop-blur-[18px] mx-auto mb-8" data-node="about_work_hero_tag" data-node-type="text" data-node-default="Our works">
    {{about_work_hero_tag}}
  </div>

  <!-- TITLE -->
  <h2 class="font-['Cabin'] text-[28px] sm:text-[36px] md:text-[48px] lg:text-[64px] font-medium leading-[105%] md:leading-[100%] text-white max-w-[1000px] mx-auto mb-6" data-node="about_work_hero_title" data-node-type="text" data-node-default="Work That Delivers Outcomes. Not Just Aesthetics.">
    {{about_work_hero_title}}
  </h2>

  <!-- DESCRIPTION -->
  <p class="font-['Cabin'] text-[16px] sm:text-[18px] md:text-[20px] lg:text-[24px] font-normal text-[#7E7E7E] leading-[140%] max-w-[780px] mx-auto mb-10" data-node="about_work_hero_desc" data-node-type="textarea" data-node-default="From brand foundations to high-converting digital experiences, our work is built on strategy, execution, and measurable impact.">
    {{about_work_hero_desc}}
  </p>

  <!-- CTA BUTTON -->
  <a class="w-fit h-12 h-fit rounded-xl bg-[#d3ff5b] p-[7.5px_13.5px] md:p-[8.5px_14.5px] flex justify-center items-center gap-3 mx-auto font-['Cabin'] text-[15px] md:text-xl lg:text-[22px] xl:text-2xl text-black transition-opacity duration-300 hover:opacity-85" data-node="about_work_hero_cta_link" data-node-type="page_links" data-node-default="{{about_work_hero_cta_link}}">
    <span data-node="about_work_hero_cta_text" data-node-type="text" data-node-default="View Our Projects">
      {{about_work_hero_cta_text}}
    </span>

    <img src="{{about_work_hero_cta_icon}}" class="h-auto" data-node="about_work_hero_cta_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767362090/seltrix/templates/portfolio-template/Hero%20btn%20arrw.svg">
  </a>
</section>