update layouts

layouts/partials/sections/hero/index.html

@@ -6,9 +6,9 @@
                 <span class="subtitle">
                     {{ .Site.Params.hero.intro }}
                 </span>
-                <h2>
+                <h1>
                     {{ .Site.Params.hero.title }}
-                </h2>
+                </h1>
                 <h3>
                     {{ .Site.Params.hero.subtitle }}
                 </h3>
@@ -33,17 +33,17 @@
             </div>
             <div class="col-sm-12 col-md-12 col-lg-4">
                 <div class="row justify-content-center">
-                    <div class="col-sm-12 col-md-9 pt-5 image {{ if .Site.Params.animate }}animate{{ end }} px-5 px-md-5 px-lg-0 text-center">
+                    <div class="col-sm-12 col-md-9 pt-5 image px-5 px-md-5 px-lg-0 text-center">
                         <img src="{{ .Site.Params.hero.image }}"
                             class="img-thumbnail mx-auto{{ if .Site.Params.hero.roundImage }} rounded-circle{{ end }}"
-                            alt=""
+                            alt="hero image"
                         >
                     </div>
                 </div>
             </div>
         </div>
     </div>
-    {{ if .Site.Params.hero.bottomImage.enable | default true }}
+    <!-- {{ if .Site.Params.hero.bottomImage.enable | default false }}
     <div class="hero-bottom-svg d-md-block d-lg-block d-none">
         <svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201">
             <g id="Group_1168" data-name="Group 1168" transform="translate(-384 -1392)">
@@ -306,6 +306,6 @@
             </g>
         </svg>
     </div>
-    {{ end }}
+    {{ end }} -->
 </section>
 {{ end }}

layouts/partials/sections/hero/social.html

@@ -1,23 +1,22 @@
 <span>
     {{ range .Site.Params.hero.socialLinks.fontAwesomeIcons }}
     <span class="px-1">
-        <a href="{{ .url }}"
-            {{ if not (hasPrefix .url "#") }} target="_blank" {{ end }}
-            class="btn social-icon"
-        >
-            <i class="{{ .icon }}"></i>
+        <a href="{{ .url }}" target="_blank" class="btn social-icon">
+            {{/* Extract icon name from Font Awesome class */}}
+            {{ $iconName := replace .icon "fab fa-" "" }}
+            {{ $iconName = replace $iconName "fas fa-" "" }}
+            {{ $iconName = replace $iconName "fa fa-" "" }}
+            {{ $iconName = replace $iconName "fa-" "" }}
+            {{ partial "icon" (dict "icon" $iconName "class" "fa-solid fa-comments") }} 
         </a>
     </span>
     {{ end }}
 
     {{ range .Site.Params.hero.socialLinks.customIcons }}
     <span class="px-1">
-        <a href="{{ .url }}"
-            {{ if not (hasPrefix .url "#") }} target="_blank" {{ end }}
-            class="btn social-icon"
-        >
+        <a href="{{ .url }}" target="_blank" class="btn social-icon">
             <img src="{{ .icon }}">
         </a>
     </span>
     {{ end }}
-</span>
+</span>