Landing: Fix issues with double render

Author: lamATnginx

exampleSite/content/test-product/_index.md

@@ -2,27 +2,10 @@
 description: Test pages for nginx-hugo-theme
 title: Test pages
 weight: 100
-hasCustomContent: true
+nd-landing-page: true
 ---
-
-## About
-
-[//]: # "Give a short 1-2 sentence summary of what the product does and its value to a customer."
-This is a compilation of all our shortcodes to show how they look, function, respond, and coded.
-
-## Featured Content
-
-[//]: # "Maximum of three cards available to display."
-[//]: # "Each card should be less than 10 words for a description."
-[//]: # "If more than three cards are placed here, they are not displayed."
-[//]: # "If there is one card, it will take full width and be the only card in the row."
-[//]: # "If there is two cards, one card will take half width and there will be two cards in a row."
-[//]: # "If there is three cards, there will be two rows, where first row has two equal-sized cards, and second row will have a full width card. Can we inversed in order to feature content."
-<!-- <card-layout> - Available params: title (required: string)-->
-{{<card-layout >}}
-  <!-- <card-section> - Available params: title (required: string), showAsCards (optional: boolean, default "false"), isFeaturedSection (optional: boolean, default "false") -->
-  <!-- If there is no "title" for <card-section>, it is implied it is the main content section and not a new content section -->
-  {{<card-section showAsCards="true" isFeaturedSection="true">}}
+{{<card-layout>}}
+  {{<card-section showAsCards="true">}}
     {{<card title="Everything" titleUrl="everything" icon="circle-dot-dashed">}}
       All shortcodes in one page.
     {{</card >}}
@@ -39,7 +22,7 @@ This is a compilation of all our shortcodes to show how they look, function, res
 ## Other Content 
 
 [//]: # "Provide any sort of additional supporting content you may want customers to see as well (e.g. more cards, diagrams, changelogs, etc.)"
-{{<card-layout >}}
+{{<card-layout>}}
   {{<card-section title="NGINX" showAsCards="true" >}}
     {{<card title="NGINX Plus" titleUrl="/nginx/" brandIcon="NGINX-Plus-product-icon-RGB" >}}
       Installing NGINX

layouts/partials/list-main.html

@@ -26,9 +26,11 @@ <h3 class="card-title" style="display: flex; align-items: center; gap: 5px;">
                                   <i class="fas fa-{{if eq .Kind "page"}}file-alt{{else}}book{{end}} fa-lg card-img-top"></i>
                                   <a href="{{ if .Params.url}}{{ .Params.url}}{{else}}{{ .Permalink }}{{end}}">{{ .Title }}</a>
                               </h3>
-                              {{ range $cards }}
-                                {{ if eq .title $title }}
-                                  <p>{{ .content }}</p>
+                              {{ with $cards }}
+                                {{ range . }}
+                                  {{ if eq (index . "title") $title }}
+                                    <p>{{ index . "content" }}</p>
+                                  {{ end }}
                                 {{ end }}
                               {{ end }}
                           </div>

layouts/shortcodes/card-section.html

@@ -29,8 +29,6 @@
     {{- if $title -}}
         <strong class="card-section-title">{{- $title -}}</strong>
         <div class="card-section-content{{ if eq $showAsCards "true" }} {{ $class }} {{ end }} card-deck">{{- .Inner -}}</div>   
-    {{- else -}} 
-      <div class="card-section-content{{ if eq $showAsCards "true" }} {{ $class }} {{ end }} card-deck">{{- .Inner -}}</div>   
     {{ end }}
   </div>
 {{ else }}

layouts/shortcodes/card.html

@@ -39,6 +39,8 @@ <h2 class="card-title">{{- $title -}}</h2>
       <h3 class="card-title" style="display: flex; align-items: center; gap: 5px;">
         {{- if $brandIcon -}}
           <img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/{{ $brandIcon }}.png"/>
+        {{- else -}}
+          <i class="fas fa-file-alt fa-lg card-img-top"></i>
         {{- end -}}
         {{- if ($title) -}}
           <a href="{{- $titleUrl -}}">{{- $title -}}</a>