fix: address PR #100 follow-up feedback — typos, layout, and shortcode rename

- Swap "Join Clients Like" heading below the descriptive paragraph so the
  label sits directly above the client logo carousel (Megan feedback)
- Drop leading "and" from step #4 in the audit CTA list for consistent style
- Fix "iac-sound-familier" typo → "iac-sound-familiar" in frontmatter + CSS
- Rename accordian.html → accordion.html shortcode and update usage

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Gowiem

assets/css/custom.scss

@@ -3657,7 +3657,7 @@ font-size: 2.5rem;
   }
 }
 
-#iac-sound-familier {
+#iac-sound-familiar {
   color: #fff;
   padding: 10.25rem 0 4.35rem;
   text-align: center;

content/sections/home-join-clients.md

@@ -9,10 +9,10 @@ id: join-clients
 <div class="row justify-content-center text-center">
 <div class="col col-12 col-md-10 col-lg-7 col-xl-6">
 
-### Join Clients Like: {.sectionLabel .text-center .text-rhythm}
-
 <p class="font20 text-pine">Our team has architected and implemented cloud platforms for a diverse set of clients ranging from startups to Fortune 20 enterprises.</p>
 
+### Join Clients Like: {.sectionLabel .text-center .text-rhythm}
+
 </div></div>
 
 {{<client-logos>}}

content/sections/home-turn-chaos.md

@@ -42,7 +42,7 @@ Uncover the inefficiencies in your infrastructure with our IaC Audit.
 <li>We’ll talk goals</li>
 <li>Interview your team</li>
 <li>Assess your setup</li>
-<li>and provide practical recommendations that will set your team up for success.</li>
+<li>Provide practical recommendations that will set your team up for success.</li>
 </ol>
 </div>
 </div>

content/sections/iac-questions.md

@@ -28,4 +28,4 @@ faqs:
 
 ### Common Questions {.sectionTitle .big .text-pine .text-center}
 
-{{< accordian >}}
+{{< accordion >}}

content/sections/iac-sound-familiar.md

@@ -7,7 +7,7 @@ weight: 1
 #image: /img/bg_featured_video.jpg
 section_categories:
   - iacaudit
-id: iac-sound-familier
+id: iac-sound-familiar
 
 cards:
   - icon: '<i class="fa-solid fa-square-xmark"></i>'

layouts/shortcodes/accordian.html

@@ -0,0 +1,10 @@
+<div id="faqsBlock">
+  {{ range $index, $faq := .Page.Params.faqs }}
+  <div class="faqBx" id="faq-{{ $index }}">
+    <h3 class="faqQ">
+      <a href="javascript:void(0)">{{ $faq.title }}</a>
+    </h3>
+    <div class="faqA">{{ $faq.content | markdownify }}</div>
+  </div>
+  {{ end }}
+</div>