Ignoring the sections below the first one

Hi! How are you? I’ve been working on my website and for some reason it’s not rendering the sections that follows the first one. I’ve tried many ways and the only solution is to close the dnd_area and after that place plain and simple HTML, that does appear on the preview but if I try to make a dnd_section with a module inside the dnd_area after the first dnd_section it doesn’t appear. I inspected the code and it’s simply not there. Here is my code structure:

<!--
 templateType: "page"
 label: "Cliengo-v1 - December 2024"
 screenshotPath: "../images/thumbnails/home-opt-1.jpg"
 isAvailableForNewContent: true
-->
{% extends "/Cliengo-Custom-Theme/templates/layouts/base.html" %}
{% block body %}
<main class="body-container-wrapper">
 {% dnd_area "dnd_area" label="Main section" %}

 <!-- Header Top Nav -->
 {% dnd_section
 padding={
 'top': 0,
 'bottom': 0,
 'left': 0,
 'right': 0
 },
 full_width='true',
 vertical_alignment='TOP'
 %}
 {% dnd_module path="../modules/globals/cliengo-11-header-v1" %}
 {% end_dnd_module %}
 {% end_dnd_section %}

 <!-- Hero -->
 {% dnd_section %}
 {% dnd_module path="../modules/hero-11-v1" %}
 {% end_dnd_module %}
 {% end_dnd_section %}

 <!-- Servicios -->
 {% dnd_section
 padding={
 'top': 0,
 'bottom': 0,
 'left': 0,
 'right': 0
 },
 full_width='true',
 vertical_alignment='TOP'
 %}
 <!-- Top Row: H2, description, videos -->
 {% dnd_row %}
 {% dnd_column %}
 {% dnd_module path="../modules/heading-and-description" %}
 {% end_dnd_module %}
 {% end_dnd_column %}
 {% dnd_column %}
 {% end_dnd_column %}
 {% end_dnd_row %}

 <!-- Bottom Row: Cards -->
 {% dnd_row %}
 {% end_dnd_row %}
 {% end_dnd_section %}

 {% end_dnd_area %}
</main>
{% endblock body %}

I checked every module and none of them have any error and the publish without any issue. Also base.html seems to be correct since I duplicated it from a template and I only changed the css path, which is working because I see the styles being applied.

Any idea why this is happening?

Thanks in advance for your answer!

@SantiagoMilano without digging too deep, the Servicios section only has padding, full width and alignment settings - there isn’t a module being called in to display there.

If you are copying HubL from a page and adding it to a template file, you have to drag a brand new module to the page for all of the HubL to be captured - if the module already exists on the page, it only records the changes to the section settings and won’t capture all of the module settings. You’d want to manually drag the module to the section, configure it with your settings and content, and then copy the HubL for the template.

I was trying to use HTML in the next section using the raw html but it didn’t work. Also, I’ve tried placing a partial template there and it didn’t work. So, according to your answer these sections only work with modules in it?

@SantiagoMilano yes, they are a drag and drop area so they are expecting to have either a section template (with modules pre-configured) or modules. Otherwise you wouldn’t need the drag and drop area defined and you can add the raw HTML outside of a DND area.