diff --git a/themes/hugoplate/layouts/_default/baseof.html b/themes/hugoplate/layouts/_default/baseof.html
index 48a1098..f7979eb 100755
--- a/themes/hugoplate/layouts/_default/baseof.html
+++ b/themes/hugoplate/layouts/_default/baseof.html
@@ -1,58 +1,82 @@
 <!doctype html>
-<html
-  itemscope
-  class="{{- if not site.Params.theme_switcher -}}
+<html itemscope class="{{- if not site.Params.theme_switcher -}}
     {{- site.Params.theme_default -}}
-  {{- end -}}"
-  lang="{{ site.LanguageCode | default `en-US` }}"
-  itemtype="http://schema.org/WebPage">
-  <head>
-    <!-- head (don't cache it) -->
-    {{ partial "essentials/head.html" . }}
-
-
-    <!-- style (always cache it) -->
-    {{ partialCached "essentials/style.html" . }}
-  </head>
-
-  <body>
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZCZL75W" height="0" width="0"
-        style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
-
-    <!-- cache partial only in production -->
-    {{ if hugo.IsProduction }}
-      {{ partialCached "preloader.html" . }}
-      {{ partialCached "gtm-noscript.html" . }}
-    {{ else }}
-      {{ partial "preloader.html" . }}
-
-
-      <!-- tailwind size indicator -->
-      {{ partial "components/tw-size-indicator.html" . }}
-    {{ end }}
-
-
-    <!-- header (don't cache it) -->
-    {{ partial "essentials/header.html" . }}
-    {{ partial "search-modal.html" (dict "Context" . ) }}
-
-
-    <main>
-      {{ block "main" . }}{{ end }}
-    </main>
-
-    <!-- cache partial only in production -->
-    {{ if hugo.IsProduction }}
-      {{ partialCached "essentials/footer.html" . }}
-      {{ partialCached "essentials/script.html" . }}
-    {{ else }}
-      {{ partial "essentials/footer.html" . }}
-      {{ partial "essentials/script.html" . }}
-    {{ end }}
-
-    {{ partial "body_end_scripts.html" . }}
-    {{ partial "body_end_styles.html" . }}
-  </body>
+  {{- end -}}" lang="{{ site.LanguageCode | default `en-US` }}" itemtype="http://schema.org/WebPage">
+
+<head>
+  <!-- head (don't cache it) -->
+  {{ partial "essentials/head.html" . }}
+
+
+  <!-- style (always cache it) -->
+  {{ partialCached "essentials/style.html" . }}
+
+  <style>
+    .banner {
+      background-color: #4B0082;
+      color: orange;
+      text-align: center;
+      font-weight: bold;
+      padding: 10px 0;
+      width: 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 1000;
+      font-size: 2rem;
+    }
+
+    body {
+      margin-top: 200px;
+    }
+  </style>
+
+</head>
+
+<body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZCZL75W" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+
+  <div class="banner">
+    <p>As of Jan 2025, Key has</p>
+    <p>been discontinued. This website</p>
+    <p>is retained for reference.</p>
+  </div>
+  <!-- cache partial only in production -->
+  {{ if hugo.IsProduction }}
+  {{ partialCached "preloader.html" . }}
+  {{ partialCached "gtm-noscript.html" . }}
+  {{ else }}
+  {{ partial "preloader.html" . }}
+
+
+  <!-- tailwind size indicator -->
+  {{ partial "components/tw-size-indicator.html" . }}
+  {{ end }}
+
+
+  <!-- header (don't cache it) -->
+  {{ partial "essentials/header.html" . }}
+  {{ partial "search-modal.html" (dict "Context" . ) }}
+
+
+  <main>
+    {{ block "main" . }}{{ end }}
+  </main>
+
+  <!-- cache partial only in production -->
+  {{ if hugo.IsProduction }}
+  {{ partialCached "essentials/footer.html" . }}
+  {{ partialCached "essentials/script.html" . }}
+  {{ else }}
+  {{ partial "essentials/footer.html" . }}
+  {{ partial "essentials/script.html" . }}
+  {{ end }}
+
+  {{ partial "body_end_scripts.html" . }}
+  {{ partial "body_end_styles.html" . }}
+</body>
+
 </html>
diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html
index 78570a0..06b894a 100644
--- a/themes/hugoplate/layouts/index.html
+++ b/themes/hugoplate/layouts/index.html
@@ -1,337 +1,332 @@
 {{ define "main" }}
-  <!-- Banner -->
-    <section class="section pt-14">
-      <div class="container">
-        <div class="row justify-center">
-          <div>
-            <div class="row items-center mb-16">
-              <header class="lg:col-6">
-                <h1 class="mb-4 text-h3 lg:text-h1">
-                  Ethereum indexer proven to find more address appearances
-                </h1>
-
-                <p>
-                  Build on complete data to deliver better apps and services
-                </p>
-              </header>
-
-              <section class="usecases lg:col-6">
-                <div class="usecase">
-                  <i class="icon fa-solid fa-circle-check"></i>
-                  <div>
-                    <strong>
-                      Find this one missing balance change
-                    </strong>
-                    Precisely reconcile balances and create comprehensive tax reports
-                  </div>
-                </div>
-
-                <div class="usecase">
-                  <i class="icon fa-solid fa-circle-check"></i>
-                  <div>
-                    <strong>
-                      Discover all interactions
-                    </strong>
-                    Build apps tracking wallets, comprehensive stats, transaction history lists
-                  </div>
-                </div>
+<!-- Banner -->
+<section class="section pt-14">
+  <div class="container">
+    <div class="row justify-center">
+      <div>
+        <div class="row items-center mb-16">
+          <header class="lg:col-6">
+            <h1 class="mb-4 text-h3 lg:text-h1">
+              Ethereum indexer proven to find more address appearances
+            </h1>
 
-                <div class="usecase">
-                  <i class="icon fa-solid fa-circle-check"></i>
-                  <div>
-                    <strong>
-                      Unlock detailed insights
-                    </strong>
-                      Base your data science research on a solid foundation
-                  </div>
-                </div>
-              </section>
+            <p>
+              Build on complete data to deliver better apps and services
+            </p>
+          </header>
+
+          <section class="usecases lg:col-6">
+            <div class="usecase">
+              <i class="icon fa-solid fa-circle-check"></i>
+              <div>
+                <strong>
+                  Find this one missing balance change
+                </strong>
+                Precisely reconcile balances and create comprehensive tax reports
+              </div>
             </div>
 
-          </div>
+            <div class="usecase">
+              <i class="icon fa-solid fa-circle-check"></i>
+              <div>
+                <strong>
+                  Discover all interactions
+                </strong>
+                Build apps tracking wallets, comprehensive stats, transaction history lists
+              </div>
+            </div>
 
+            <div class="usecase">
+              <i class="icon fa-solid fa-circle-check"></i>
+              <div>
+                <strong>
+                  Unlock detailed insights
+                </strong>
+                Base your data science research on a solid foundation
+              </div>
+            </div>
+          </section>
         </div>
+
       </div>
-    </section>
-  <!-- /Banner -->
-
-  <!-- Singup -->
-  <section id="cta" class="section justify-center text-center">
-    <div class="wrapper">
-      <p class="lead mb-4">
-        Seamlessly integrate Key with your current workflow or QuickNode account
-      </p>
 
-      <a class="btn btn-primary mb-4" href="/sign-up">
-        Sign up
+    </div>
+  </div>
+</section>
+<!-- /Banner -->
+
+<!-- Singup -->
+<section id="cta" class="section justify-center text-center">
+  <div class="wrapper">
+    <p class="lead mb-4">
+      Seamlessly integrate Key with your current workflow or QuickNode account
+    </p>
+
+    <a class="btn btn-primary mb-4" href="/sign-up">
+      Sign up
+    </a>
+    <div>
+      <a class="btn btn-outline-primary" href="https://marketplace.quicknode.com/add-on/address-appearances-api"
+        target="_blank">
+        Add to QuickNode
       </a>
-      <div>
-        <a class="btn btn-outline-primary" href="https://marketplace.quicknode.com/add-on/address-appearances-api" target="_blank">
-          Add to QuickNode
-        </a>
-        <p class="text-sm content qn-link">
-          Don't have QuickNode account? <a href="https://www.quicknode.com/?via=trueblocks">Create one</a>
-        </p>
-      </div>
+      <p class="text-sm content qn-link">
+        Don't have QuickNode account? <a href="https://www.quicknode.com/?via=trueblocks">Create one</a>
+      </p>
     </div>
-  </section>
-  <!-- /Signup -->
+  </div>
+</section>
+<!-- /Signup -->
 
-  <!-- Appearances -->
-  <section class="section-sm bg-gradient section-appearances">
-    <div class="container">
-      <div class="row items-center justify-between">
-        <div class="mb:md-0   hidden  mb-6">
+<!-- Appearances -->
+<section class="section-sm bg-gradient section-appearances">
+  <div class="container">
+    <div class="row items-center justify-between">
+      <div class="mb:md-0   hidden  mb-6">
 
+      </div>
+      <div class="md:col-12 lg:col-12 ">
+        <h2 class="mb-4">
+          Appearance Index API
+        </h2>
+
+        <div class="mb-8 text-lg">
+          <p class="mb-4">
+            Finding all appearances of an address is known to be hard on Ethereum. For example,
+            balances can change without transfer
+            and not all event parameters are indexed.
+          </p>
+          <p>
+            At TrueBlocks we do our best to pick every address appearance out there.
+            Key provides a single, simple API that does one thing well: it returns complete list of appearances so you
+            know
+            which transactions to fetch. It has been proven by companies and data scientists to return significantly
+            more than other indexers.
+          </p>
         </div>
-        <div class="md:col-12 lg:col-12 ">
-          <h2 class="mb-4">
-            Appearance Index API
-          </h2>
-
-          <div class="mb-8 text-lg">
-            <p class="mb-4">
-              Finding all appearances of an address is known to be hard on Ethereum. For example,
-              balances can change without transfer
-              and not all event parameters are indexed.
-            </p>
-            <p>
-              At TrueBlocks we do our best to pick every address appearance out there.
-              Key provides a single, simple API that does one thing well: it returns complete list of appearances so you know
-              which transactions to fetch. It has been proven by companies and data scientists to return significantly more than other indexers.
-            </p>
-          </div>
-
-          <h3>Included</h3>
-          <ul>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              regular transactions
-            </li>
 
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              internal transactions
-            </li>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              logs
-            </li>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              token transfers
-            </li>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              withdrawals
-            </li>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              mining and uncle rewards
-            </li>
-
-            <li class=" mb-4 pl-6">
-              <i class="fa fa-check"></i>
-              and more…
-            </li>
-
-          </ul>
-
-          <a class="btn btn-primary mt-6" href="/docs/appearance/">
-            Read docs
-            <i class="fa fa-arrow-right pl-2"></i>
-          </a>
+        <h3>Included</h3>
+        <ul>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            regular transactions
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            internal transactions
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            logs
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            token transfers
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            withdrawals
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            mining and uncle rewards
+          </li>
+
+          <li class=" mb-4 pl-6">
+            <i class="fa fa-check"></i>
+            and more…
+          </li>
+
+        </ul>
+
+        <a class="btn btn-primary mt-6" href="/docs/appearance/">
+          Read docs
+          <i class="fa fa-arrow-right pl-2"></i>
+        </a>
 
-        </div>
       </div>
     </div>
-  </section>
-
-  <section class="section-sm bg-gradient section-newsletter">
-    <div class="container text-center">
-
-      <h2 class="mb-4">
-        Be first to know about new features
-      </h2>
-
-      <div>
-        <!-- newsletter starts -->
-
-        <div id="mlb2-10007238" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-10007238">
-          <div class="ml-form-align-center ">
-            <div class="ml-form-embedWrapper embedForm">
-              <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">
-                <form class="ml-block-form"
-                  action="https://assets.mailerlite.com/jsonp/529446/forms/106918506183788482/subscribe" data-code=""
-                  method="post" target="_blank">
-                  <div class="ml-form-formContent">
-                    <div class="ml-form-fieldRow ml-last-item">
-                      <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
-                        <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask=""
-                          name="fields[email]" placeholder="Email" autocomplete="email">
-                      </div>
+  </div>
+</section>
+
+<section class="section-sm bg-gradient section-newsletter">
+  <div class="container text-center">
+
+    <h2 class="mb-4">
+      Be first to know about new features
+    </h2>
+
+    <div>
+      <!-- newsletter starts -->
+
+      <div id="mlb2-10007238" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-10007238">
+        <div class="ml-form-align-center ">
+          <div class="ml-form-embedWrapper embedForm">
+            <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">
+              <form class="ml-block-form"
+                action="https://assets.mailerlite.com/jsonp/529446/forms/106918506183788482/subscribe" data-code=""
+                method="post" target="_blank">
+                <div class="ml-form-formContent">
+                  <div class="ml-form-fieldRow ml-last-item">
+                    <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
+                      <input aria-label="email" aria-required="true" type="email" class="form-control" data-inputmask=""
+                        name="fields[email]" placeholder="Email" autocomplete="email">
                     </div>
                   </div>
-                  <input type="hidden" name="ml-submit" value="1">
-                  <div class="ml-form-embedSubmit">
-                    <button type="submit" class="primary">Join Newsletter</button>
-                    <button disabled="disabled" style="display: none;" type="button" class="loading">
-                      <div class="ml-form-embedSubmitLoad"></div>
-                      <span class="sr-only">Loading...</span>
-                    </button>
-                  </div>
-                  <input type="hidden" name="anticsrf" value="true">
-                </form>
+                </div>
+                <input type="hidden" name="ml-submit" value="1">
+                <div class="ml-form-embedSubmit">
+                  <button type="submit" class="primary">Join Newsletter</button>
+                  <button disabled="disabled" style="display: none;" type="button" class="loading">
+                    <div class="ml-form-embedSubmitLoad"></div>
+                    <span class="sr-only">Loading...</span>
+                  </button>
+                </div>
+                <input type="hidden" name="anticsrf" value="true">
+              </form>
 
-              </div>
+            </div>
 
-              <div class="ml-form-successBody row-success" style="display: none">
-                <div class="ml-form-successContent">
-                  <h4>Thank you!</h4>
-                  <p>You have successfully joined our closed beta. We'll get back to you.</p>
-                </div>
+            <div class="ml-form-successBody row-success" style="display: none">
+              <div class="ml-form-successContent">
+                <h4>Thank you!</h4>
+                <p>You have successfully joined our closed beta. We'll get back to you.</p>
               </div>
             </div>
           </div>
         </div>
-        <script>
-          function ml_webform_success_10007238() {
-            var $ = ml_jQuery || jQuery;
-            $('.ml-subscribe-form-10007238 .row-success').show();
-            $('.ml-subscribe-form-10007238 .row-form').hide();
-          }
-        </script>
-        <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v1f25ee4b05f240a833e02c19975434a4"
-          type="text/javascript">
-          </script>
-        <script>
-          fetch("https://assets.mailerlite.com/jsonp/529446/forms/106918506183788482/takel")
+      </div>
+      <script>
+        function ml_webform_success_10007238() {
+          var $ = ml_jQuery || jQuery;
+          $('.ml-subscribe-form-10007238 .row-success').show();
+          $('.ml-subscribe-form-10007238 .row-form').hide();
+        }
+      </script>
+      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v1f25ee4b05f240a833e02c19975434a4"
+        type="text/javascript">
         </script>
+      <script>
+        fetch("https://assets.mailerlite.com/jsonp/529446/forms/106918506183788482/takel")
+      </script>
 
-        <!-- newsletter ends -->
-
-      </div>
+      <!-- newsletter ends -->
 
     </div>
-  </section>
-
-  <!-- Features -->
-  {{ range $i, $e:= .Params.features }}
-    <section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
-      <div class="container">
-        <div class="row items-center justify-between">
-          <div
-            class="mb:md-0 {{ if not (modBool $i 2) }}
+
+  </div>
+</section>
+
+<!-- Features -->
+{{ range $i, $e:= .Params.features }}
+<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
+  <div class="container">
+    <div class="row items-center justify-between">
+      <div class="mb:md-0 {{ if not (modBool $i 2) }}
               md:order-2
             {{ end }} {{ if .image }} md:col-5 {{ else }} hidden {{ end}} mb-6">
-            {{ if .image }}
-            {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
-            {{end}}
-          </div>
-          <div
-            class="{{ if not (modBool $i 2) }}
+        {{ if .image }}
+        {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD"
+        "360x") }}
+        {{end}}
+      </div>
+      <div class="{{ if not (modBool $i 2) }}
               md:order-1
             {{ end }} {{ if .image }} md:col-7 lg:col-6 {{ else }} md:col-12 lg:col-12 {{ end }}">
-            <h2 class="mb-4">
-              {{ .title | markdownify }}
-            </h2>
-            <p class="mb-8 text-lg">
-              {{ .content | markdownify }}
-            </p>
-            <ul>
-              {{ range .bulletpoints }}
-                <li class="relative mb-4 pl-6">
-                  <i class="fa fa-check absolute left-0 top-1.5"></i>
-                  {{ . | markdownify }}
-                </li>
-              {{ end }}
-            </ul>
-            {{ if .footer }}
-            <p class="mt-8 text-lg">
-              {{.footer | markdownify }}
-            </p>
-            {{ end }}
-            {{ with .button }}
-              {{ if .enable }}
-                <a class="btn btn-primary mt-6" href="{{ .link | absURL }}">
-                  {{ .label }}
-                  <i class="fa fa-arrow-right pl-2"></i>
-                </a>
-              {{ end }}
-            {{ end }}
-          </div>
-        </div>
+        <h2 class="mb-4">
+          {{ .title | markdownify }}
+        </h2>
+        <p class="mb-8 text-lg">
+          {{ .content | markdownify }}
+        </p>
+        <ul>
+          {{ range .bulletpoints }}
+          <li class="relative mb-4 pl-6">
+            <i class="fa fa-check absolute left-0 top-1.5"></i>
+            {{ . | markdownify }}
+          </li>
+          {{ end }}
+        </ul>
+        {{ if .footer }}
+        <p class="mt-8 text-lg">
+          {{.footer | markdownify }}
+        </p>
+        {{ end }}
+        {{ with .button }}
+        {{ if .enable }}
+        <a class="btn btn-primary mt-6" href="{{ .link | absURL }}">
+          {{ .label }}
+          <i class="fa fa-arrow-right pl-2"></i>
+        </a>
+        {{ end }}
+        {{ end }}
       </div>
-    </section>
-  {{ end }}
-  <!-- /Features -->
-
-  <!-- Testimonials -->
-  {{ with site.GetPage "sections/testimonial" }}
-    {{ if .Params.enable }}
-      <section class="section">
-        <div class="container">
-          <div class="row">
-            <div class="md:col-10 lg:col-8 xl:col-6 mx-auto mb-12 text-center">
-              <h2 class="mb-4">
-                {{ .Title | markdownify }}
-              </h2>
-              <p>
-                {{ .Params.description | markdownify }}
-              </p>
-            </div>
-            <div class="col-12">
-              <div class="swiper testimonial-slider">
-                <div class="swiper-wrapper">
-                  {{ range .Params.testimonials }}
-                    <div class="swiper-slide">
-                      <div
-                        class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg px-7 py-10">
-                        <div class="text-dark dark:text-white">
-                          <svg
-                            width="33"
-                            height="20"
-                            viewBox="0 0 33 20"
-                            fill="none"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <path
-                              d="M1.28375 19.41L0.79375 18.64C1.21375 17.0067 1.75042 15.07 2.40375 12.83C3.05708 10.5433 3.75708 8.28 4.50375 6.04C5.29708 3.75333 6.06708 1.77 6.81375 0.0899959H15.3538C14.9338 2.09666 14.4904 4.26667 14.0238 6.6C13.5571 8.88666 13.1371 11.15 12.7638 13.39C12.4371 15.5833 12.1571 17.59 11.9238 19.41H1.28375ZM31.69 0.0899959L32.18 0.859998C31.76 2.54 31.2233 4.5 30.57 6.74C29.9167 8.98 29.2167 11.2433 28.47 13.53C27.7233 15.77 26.9533 17.73 26.16 19.41H17.69C18.0167 17.9167 18.3433 16.33 18.67 14.65C18.9967 12.9233 19.3 11.22 19.58 9.54C19.9067 7.81333 20.1867 6.15667 20.42 4.57C20.7 2.93666 20.91 1.44333 21.05 0.0899959H31.69Z"
-                              fill="currentColor" />
-                          </svg>
-                        </div>
-                        <blockquote class="mt-8">
-                          {{ .content | markdownify }}
-                        </blockquote>
-                        <div class="mt-11 flex items-center">
-                          <div class="text-dark dark:text-white">
-                            {{ partial "image" (dict "Src" .avatar "Size" "50x50" "Class" "rounded-full" "Alt" .name) }}
-                          </div>
-                          <div class="ml-4">
-                            <h3 class="h5 font-primary font-semibold">
-                              {{ .name }}
-                            </h3>
-                            <p class="text-dark dark:text-white">
-                              {{ .designation | markdownify }}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}
+<!-- /Features -->
+
+<!-- Testimonials -->
+{{ with site.GetPage "sections/testimonial" }}
+{{ if .Params.enable }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="md:col-10 lg:col-8 xl:col-6 mx-auto mb-12 text-center">
+        <h2 class="mb-4">
+          {{ .Title | markdownify }}
+        </h2>
+        <p>
+          {{ .Params.description | markdownify }}
+        </p>
+      </div>
+      <div class="col-12">
+        <div class="swiper testimonial-slider">
+          <div class="swiper-wrapper">
+            {{ range .Params.testimonials }}
+            <div class="swiper-slide">
+              <div class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg px-7 py-10">
+                <div class="text-dark dark:text-white">
+                  <svg width="33" height="20" viewBox="0 0 33 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M1.28375 19.41L0.79375 18.64C1.21375 17.0067 1.75042 15.07 2.40375 12.83C3.05708 10.5433 3.75708 8.28 4.50375 6.04C5.29708 3.75333 6.06708 1.77 6.81375 0.0899959H15.3538C14.9338 2.09666 14.4904 4.26667 14.0238 6.6C13.5571 8.88666 13.1371 11.15 12.7638 13.39C12.4371 15.5833 12.1571 17.59 11.9238 19.41H1.28375ZM31.69 0.0899959L32.18 0.859998C31.76 2.54 31.2233 4.5 30.57 6.74C29.9167 8.98 29.2167 11.2433 28.47 13.53C27.7233 15.77 26.9533 17.73 26.16 19.41H17.69C18.0167 17.9167 18.3433 16.33 18.67 14.65C18.9967 12.9233 19.3 11.22 19.58 9.54C19.9067 7.81333 20.1867 6.15667 20.42 4.57C20.7 2.93666 20.91 1.44333 21.05 0.0899959H31.69Z"
+                      fill="currentColor" />
+                  </svg>
+                </div>
+                <blockquote class="mt-8">
+                  {{ .content | markdownify }}
+                </blockquote>
+                <div class="mt-11 flex items-center">
+                  <div class="text-dark dark:text-white">
+                    {{ partial "image" (dict "Src" .avatar "Size" "50x50" "Class" "rounded-full" "Alt" .name) }}
+                  </div>
+                  <div class="ml-4">
+                    <h3 class="h5 font-primary font-semibold">
+                      {{ .name }}
+                    </h3>
+                    <p class="text-dark dark:text-white">
+                      {{ .designation | markdownify }}
+                    </p>
+                  </div>
                 </div>
-                <div
-                  class="testimonial-slider-pagination mt-9 flex items-center justify-center text-center"></div>
               </div>
             </div>
+            {{ end }}
           </div>
+          <div class="testimonial-slider-pagination mt-9 flex items-center justify-center text-center"></div>
         </div>
-      </section>
-    {{ end }}
-  {{ end }}
-  <!-- /Testimonials -->
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /Testimonials -->
 {{ end }}
