Add success stories list page and navigation entry

Author: tobihagemann

content/success-stories/_index.de.md

@@ -0,0 +1,4 @@
+---
+title: "Erfolgsgeschichten"
+description: "Erfahre, wie Organisationen und Teams Cryptomator nutzen, um ihre sensiblen Daten in der Cloud mit clientseitiger Verschlüsselung zu schützen."
+---

content/success-stories/_index.en.md

@@ -0,0 +1,4 @@
+---
+title: "Success Stories"
+description: "Discover how organizations and teams use Cryptomator to protect their sensitive data in the cloud with client-side encryption."
+---

content/success-stories/walbusch.de.html

@@ -2,11 +2,16 @@
 title: "Walbusch Erfolgsgeschichte"
 type: "success-stories"
 
+# Card Display
+cardtitle: "Walbusch: Sichere Daten mit Cryptomator Hub"
+cardtext: "Traditionsreiches Modeunternehmen migrierte von Boxcryptor, um sensible Daten mit Ende-zu-Ende-Verschlüsselung zu schützen."
+cardimage: /img/success-stories/walbusch.png
+
 # Company Info
 company: "Walbusch"
-industry: "Textil und<br>Bekleidung"
-location: "Solingen,<br>Deutschland"
-company_size: "1000+<br>Mitarbeitende"
+industry: "Textil und Bekleidung"
+location: "Solingen, Deutschland"
+company_size: "1000+ Mitarbeitende"
 
 # Hero Section
 hero_description: "Walbusch setzt nach der Aufkündigung von Boxcryptor auf Cryptomator Hub, um sensible Daten mit AES-256-Verschlüsselung sicher und transparent zu verwalten."
@@ -62,4 +67,4 @@
       Walbusch hebt hervor, dass sich Cryptomator Hub im Vergleich zu anderen Sicherheitslösungen durch seine einfache Integration, hohe Flexibilität und volle Transparenz auszeichnet. Besonders geschätzt wird, dass die Lösung als Open-Source-Software nachvollziehbar und vertrauenswürdig ist und mit einer starken AES-256-Verschlüsselung die Datensicherheit zuverlässig gewährleistet. 
 
       Für Walbusch stellt Cryptomator Hub daher nicht nur eine unmittelbare Lösung für aktuelle Herausforderungen dar, sondern auch eine zukunftsweisende Software für die langfristige Absicherung vertraulicher Unternehmensdaten. Cryptomator Hub bietet Sicherheit und Stabilität im täglichen Arbeiten und fügt sich dabei nahtlos in die gewohnten Prozesse und gängigen Tools ein.
----
+---

content/success-stories/walbusch.en.html

@@ -2,11 +2,16 @@
 title: "Walbusch Success Story"
 type: "success-stories"
 
+# Card Display
+cardtitle: "Walbusch: Secure Data with Cryptomator Hub"
+cardtext: "Traditional fashion company migrated from Boxcryptor to protect sensitive data with end-to-end encryption."
+cardimage: /img/success-stories/walbusch.png
+
 # Company Info
 company: "Walbusch"
-industry: "Textile and<br>Clothing"
-location: "Solingen,<br>Germany"
-company_size: "1000+<br>employees"
+industry: "Textile and Clothing"
+location: "Solingen, Germany"
+company_size: "1000+ employees"
 
 # Hero Section
 hero_description: "Following the termination of Boxcryptor, Walbusch is now relying on Cryptomator Hub to manage sensitive data securely and transparently using AES-256 encryption."
@@ -62,4 +67,4 @@
       Walbusch emphasizes that Cryptomator Hub stands out from other security solutions thanks to its easy integration, high flexibility, and complete transparency. The company particularly appreciates the fact that the solution is open-source software, which makes it transparent and trustworthy, and that it reliably ensures data security with strong AES-256 encryption. 
 
       For Walbusch, Cryptomator Hub is therefore not only an immediate solution to current challenges, but also forward-looking software for the long-term protection of confidential company data. Cryptomator Hub offers security and stability in everyday work and integrates seamlessly into familiar processes and common tools.
----
+---

data/nav.yaml

@@ -20,6 +20,7 @@
   - Path: "/comparisons"
   - Path: "/compliance"
   - Separator: true
+  - Path: "/success-stories"
   - Path: "/coop"
   - Path: "/enterprise"
   - Separator: true

layouts/success-stories/list.html

@@ -0,0 +1,30 @@
+{{ define "main" }}
+  <div class="container py-12">
+    <header class="mb-6">
+      <h1 class="font-h1 mb-8">{{ .Title }}</h1>
+      <p class="lead">{{ .Description }}</p>
+    </header>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      {{ range .Pages }}
+        <article class="white-box">
+          <figure class="border-b border-primary h-48 w-full">
+            <a href="{{ .RelPermalink }}">
+              {{ if .Params.cardimage }}
+                <img class="size-full object-cover" src="{{ .Params.cardimage }}" alt="{{ .Title }}">
+              {{ else }}
+                <img class="size-full object-contain p-6" src="/img/logo.svg" alt="{{ .Title }}">
+              {{ end }}
+            </a>
+          </figure>
+          <div class="p-4">
+            <h2 class="font-h2 mb-4">
+              <a class="text-link" href="{{ .RelPermalink }}">{{ .Params.cardtitle }}</a>
+            </h2>
+            <p class="font-p">{{ .Params.cardtext }}</p>
+          </div>
+        </article>
+      {{ end }}
+    </div>
+  </div>
+{{ end }}

layouts/success-stories/single.html

@@ -145,4 +145,4 @@ <h2 class="font-h2 mb-4">{{ i18n "success_story_cta_title" . }}</h2>
     </div>
   </div>
 </section>
-{{ end }}
+{{ end }}