feat: add testimonials section to playground page

See: DF-100

Author: marcel-bitfly

frontend/i18n/locales/en.json

@@ -1187,6 +1187,8 @@
                 "description": "Stay ahead of your validators—get alerts for validator duties, and monitor their performance in real time.",
                 "title": "Comprehensive staking insights on"
             },
+            "testimonials": {
+                "title": "Trusted By"
             }
         },
         "staking_hub": "StakingHub"

frontend/layers/products/app/components/ProductLandingpageSectionTestimonials.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="py-3xl w-full">
+    <BaseCard>
+      <div class="flex flex-col text-center gap-y-4xl">
+        <p class="text-xl">
+          {{ $t('products.landing_page.testimonials.title') }}
+        </p>
+        <div class="flex flex-wrap sm:flex-row gap-x-5xl gap-y-3xl justify-center">
+          <div
+            v-for="i in 5"
+            :key="i"
+            class="flex items-center gap-md"
+          >
+            <TheLogoMark
+              width="3rem"
+              height="3rem"
+              class="aspect-square"
+            />
+            <TheLogoType
+              width="6.25rem"
+            />
+          </div>
+        </div>
+      </div>
+    </BaseCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

frontend/layers/products/app/pages/playground/product.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'base',
+})
+</script>
+
+<template>
+  <ProductLandingpageSection>
+    <ProductLandingpageSectionTestimonials />
+  </ProductLandingpageSection>
+</template>