<section data-component-type="Content" class="w-full bg-white" data-component-slug="interior-product-showcase-template-feature-highlights">
  

  <div class="fh-wrapper">
    <div class="fh-container">
        <!-- Title -->
        <h2 class="fh-title" data-node="main_title" data-node-type="text" data-node-default="FEATURE HIGHLIGHTS">
            {{main_title}}
        </h2>

        <!-- Main Image -->
        <div class="fh-image-wrapper">
            <img src="{{main_image}}" class="fh-image" alt="Feature Highlights" data-node="main_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210806/seltrix/templates/interior-product-showcase-template/featrure-highlights.webp">
        </div>

        <!-- Features Grid -->
        <div class="fh-grid">
            
            <!-- Item 1 -->
            <div class="fh-item">
                <h3 class="fh-item-title" data-node="feat_1_title" data-node-type="text" data-node-default="Premium Craft">
                    {{feat_1_title}}
                </h3>
                <p class="fh-item-desc" data-node="feat_1_desc" data-node-type="textarea" data-node-default="Built with high-quality, refined materials.">
                   {{feat_1_desc}}
                </p>
            </div>

            <!-- Item 2 -->
            <div class="fh-item">
                <h3 class="fh-item-title" data-node="feat_2_title" data-node-type="text" data-node-default="Comfort-First Design">
                    {{feat_2_title}}
                </h3>
                <p class="fh-item-desc" data-node="feat_2_desc" data-node-type="textarea" data-node-default="Every curve, cushion is shaped with comfort.">
                   {{feat_2_desc}}
                </p>
            </div>

            <!-- Item 3 -->
            <div class="fh-item">
                <h3 class="fh-item-title" data-node="feat_3_title" data-node-type="text" data-node-default="Versatile Styling">
                    {{feat_3_title}}
                </h3>
                <p class="fh-item-desc" data-node="feat_3_desc" data-node-type="textarea" data-node-default="Adapts effortlessly to modern or classic home.">
                   {{feat_3_desc}}
                </p>
            </div>

            <!-- Item 4 -->
            <div class="fh-item">
                <h3 class="fh-item-title" data-node="feat_4_title" data-node-type="text" data-node-default="Lasting Durability">
                    {{feat_4_title}}
                </h3>
                <p class="fh-item-desc" data-node="feat_4_desc" data-node-type="textarea" data-node-default="Engineered for strength and long-term performance.">
                   {{feat_4_desc}}
                </p>
            </div>

        </div>
    </div>
  </div>
</section>