<section data-component-type="Content" class="pp-section bg-white" data-component-slug="interior-product-showcase-template-portfolio-projects">
  

  <div class="pp-wrapper">
    <!-- PROJECT 1 -->
    <div class="pp-item">
      <div class="pp-header">
        <div class="pp-header-text pp-header-left">
          <span class="pp-black" data-node="p1_header_l_sub" data-node-type="text" data-node-default="Home">{{p1_header_l_sub}}</span>
          <span data-node="p1_header_l_main" data-node-type="text" data-node-default="Living">{{p1_header_l_main}}</span>
        </div>
        <div class="pp-header-text pp-header-center">
          <span data-node="p1_header_c_main" data-node-type="text" data-node-default="Interiors That Shape Comfort">{{p1_header_c_main}}</span>
          <span class="pp-black" data-node="p1_header_c_sub" data-node-type="text" data-node-default="Beautifully.">{{p1_header_c_sub}}</span>
        </div>
        <div class="pp-header-text pp-header-right">
          <span class="pp-black" data-node="p1_header_r_main" data-node-type="text" data-node-default="Premium">{{p1_header_r_main}}</span>
          <span data-node="p1_header_r_sub" data-node-type="text" data-node-default="Homes">{{p1_header_r_sub}}</span>
        </div>
      </div>

      <div class="pp-content">
        <div class="pp-image-wrap">
          <img src="{{p1_image}}" class="pp-image" alt="Project 1" data-node="p1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210810/seltrix/templates/interior-product-showcase-template/home-living.webp">
        </div>
        <div class="pp-details">
          <div class="pp-details-top">
            <img src="{{p1_logo}}" class="pp-logo" alt="Logo" data-node="p1_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302450/seltrix/templates/interior-product-showcase-template/portfolio-logo.svg">
            <span class="pp-case-study" data-node="p1_case_label" data-node-type="text" data-node-default="CASE STUDY">{{p1_case_label}}</span>
            <h2 class="pp-heading" data-node="p1_heading" data-node-type="textarea" data-node-default="MODERN HOMES STYLED WITH PRECISION">
              {{p1_heading}}
            </h2>
            <p class="pp-desc" data-node="p1_desc" data-node-type="textarea" data-node-default="A blend of timeless accents, functional layouts, and curated furnishings designed to elevate everyday living. Each home interior highlights the balance of warmth, texture, and sophisticated detail.">
              {{p1_desc}}
            </p>
          </div>
          <div class="pp-link-wrap">
            <a href="{{p1_link}}" class="pp-link" data-node="p1_link" data-node-type="url" data-node-default="#">
              <span data-node="p1_link_text" data-node-type="text" data-node-default="Explore Home Projects">{{p1_link_text}}</span>
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302449/seltrix/templates/interior-product-showcase-template/port-arrow.svg" class="pp-arrow" alt="arrow">
            </a>
          </div>
        </div>
      </div>
    </div>

    <!-- PROJECT 2 -->
    <div class="pp-item">
      <div class="pp-header">
        <div class="pp-header-text pp-header-left">
          <span class="pp-black" data-node="p2_header_l_sub" data-node-type="text" data-node-default="Office">{{p2_header_l_sub}}</span>
          <span data-node="p2_header_l_main" data-node-type="text" data-node-default="Space">{{p2_header_l_main}}</span>
        </div>
        <div class="pp-header-text pp-header-center">
          <span data-node="p2_header_c_main" data-node-type="text" data-node-default="Work Environments Built For">{{p2_header_c_main}}</span>
          <span class="pp-black" data-node="p2_header_c_sub" data-node-type="text" data-node-default="Better Productivity">{{p2_header_c_sub}}</span>
        </div>
        <div class="pp-header-text pp-header-right">
          <span class="pp-black" data-node="p2_header_r_main" data-node-type="text" data-node-default="Smart">{{p2_header_r_main}}</span>
          <span data-node="p2_header_r_sub" data-node-type="text" data-node-default="Office">{{p2_header_r_sub}}</span>
        </div>
      </div>

      <div class="pp-content">
        <div class="pp-image-wrap">
          <img src="{{p2_image}}" class="pp-image" alt="Project 2" data-node="p2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210827/seltrix/templates/interior-product-showcase-template/office-space.webp">
        </div>
        <div class="pp-details">
          <div class="pp-details-top">
            <img src="{{p2_logo}}" class="pp-logo" alt="Logo" data-node="p2_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302450/seltrix/templates/interior-product-showcase-template/portfolio-logo.svg">
            <span class="pp-case-study" data-node="p2_case_label" data-node-type="text" data-node-default="CASE STUDY">{{p2_case_label}}</span>
            <h2 class="pp-heading" data-node="p2_heading" data-node-type="textarea" data-node-default="WORKSPACES DESIGNED FOR MODERN TEAMS">
              {{p2_heading}}
            </h2>
            <p class="pp-desc" data-node="p2_desc" data-node-type="textarea" data-node-default="From reception areas to collaborative corners, our office interiors focus on clarity, comfort, and brand-aligned aesthetics. Each project transforms workplaces into inspiring, functional environments.">
              {{p2_desc}}
            </p>
          </div>
          <div class="pp-link-wrap">
            <a href="{{p2_link}}" class="pp-link" data-node="p2_link" data-node-type="url" data-node-default="#">
              <span data-node="p2_link_text" data-node-type="text" data-node-default="Explore Office Projects">{{p2_link_text}}</span>
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302449/seltrix/templates/interior-product-showcase-template/port-arrow.svg" class="pp-arrow" alt="arrow">
            </a>
          </div>
        </div>
      </div>
    </div>

    <!-- PROJECT 3 -->
    <div class="pp-item">
      <div class="pp-header">
        <div class="pp-header-text pp-header-left">
          <span class="pp-black" data-node="p3_header_l_sub" data-node-type="text" data-node-default="Hospitality">{{p3_header_l_sub}}</span>
          <span data-node="p3_header_l_main" data-node-type="text" data-node-default="Space">{{p3_header_l_main}}</span>
        </div>
        <div class="pp-header-text pp-header-center">
          <span data-node="p3_header_c_main" data-node-type="text" data-node-default="Design That Elevates Guest">{{p3_header_c_main}}</span>
          <span class="pp-black" data-node="p3_header_c_sub" data-node-type="text" data-node-default="Experiences Effortlessly">{{p3_header_c_sub}}</span>
        </div>
        <div class="pp-header-text pp-header-right">
          <span class="pp-black" data-node="p3_header_r_main" data-node-type="text" data-node-default="Hotel">{{p3_header_r_main}}</span>
          <span data-node="p3_header_r_sub" data-node-type="text" data-node-default="Interiors">{{p3_header_r_sub}}</span>
        </div>
      </div>

      <div class="pp-content">
        <div class="pp-image-wrap">
          <img src="{{p3_image}}" class="pp-image" alt="Project 3" data-node="p3_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210811/seltrix/templates/interior-product-showcase-template/hospitality-space.webp">
        </div>
        <div class="pp-details">
          <div class="pp-details-top">
            <img src="{{p3_logo}}" class="pp-logo" alt="Logo" data-node="p3_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302450/seltrix/templates/interior-product-showcase-template/portfolio-logo.svg">
            <span class="pp-case-study" data-node="p3_case_label" data-node-type="text" data-node-default="CASE STUDY">{{p3_case_label}}</span>
            <h2 class="pp-heading" data-node="p3_heading" data-node-type="textarea" data-node-default="HOSPITALITY SPACES CRAFTED FOR IMPACT">
              {{p3_heading}}
            </h2>
            <p class="pp-desc" data-node="p3_desc" data-node-type="textarea" data-node-default="We curate interiors that enhance comfort, ambience, and guest engagement across hospitality environments. Every product, texture, and layout is chosen to create a warm, intuitive, and memorable stay.">
              {{p3_desc}}
            </p>
          </div>
          <div class="pp-link-wrap">
            <a href="{{p3_link}}" class="pp-link" data-node="p3_link" data-node-type="url" data-node-default="#">
              <span data-node="p3_link_text" data-node-type="text" data-node-default="Explore Projects">{{p3_link_text}}</span>
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302449/seltrix/templates/interior-product-showcase-template/port-arrow.svg" class="pp-arrow" alt="arrow">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>