Add success story single page layout and responsiveness

Author: iammajid

content/solutions/education.de.html

@@ -82,11 +82,11 @@
       - "Funktioniert unabhängig von Cloudanbietern"
       - "DSGVO- & hochschulkonforme Speicherung sensibler Daten"
 
-# Case Studies Section
-case_studies_show: false
-case_studies_title: "Erfolgsgeschichten"
-case_studies_subtitle: "So setzen Einrichtungen in Bildung & Forschung weltweit auf Cryptomator Hub"
-case_studies:
+# Success Stories Section
+success_stories_show: false
+success_stories_title: "Erfolgsgeschichten"
+success_stories_subtitle: "So setzen Einrichtungen in Bildung & Forschung weltweit auf Cryptomator Hub"
+success_stories:
   - title: "Universität Eindhoven"
     description: "Höhere Datensicherheit und gleichzeitig einfacher Zugriff auf Lernressourcen für über 2.500 Studierende und 150 Lehrende."
     image: 

content/solutions/education.en.html

@@ -85,11 +85,11 @@
       - "Vendor-independent cloud storage support"
       - "Compliant with GDPR and education regulations"
 
-# Case Studies
-case_studies_show: false
-case_studies_title: "Success Stories"
-case_studies_subtitle: "See how education and research institutions around the world rely on Cryptomator Hub"
-case_studies:
+# Success Stories
+success_stories_show: false
+success_stories_title: "Success Stories"
+success_stories_subtitle: "See how education and research institutions around the world rely on Cryptomator Hub"
+success_stories:
   - title: "University of Eindhoven"
     description: "Improved data security while ensuring easy access to learning resources for over 2,500 students and 150 faculty members."
     image: 

content/solutions/ngos.de.html

@@ -85,11 +85,11 @@
       - "Sichere Zusammenarbeit mit lokalen Partner:innen"
       - "Klare Trennung von Einsatz-, Verwaltungs- und Berichtsdaten"
 
-# Case Studies Section
-case_studies_show: false
-case_studies_title: "Erfolgsgeschichten von NGOs"
-case_studies_subtitle: "So stärken NGOs weltweit ihre Datensicherheit mit Cryptomator Hub"
-case_studies:
+# Success Stories Section
+success_stories_show: false
+success_stories_title: "Erfolgsgeschichten von NGOs"
+success_stories_subtitle: "So stärken NGOs weltweit ihre Datensicherheit mit Cryptomator Hub"
+success_stories:
   - title: "Internationale Hilfsorganisation"
     description: "Ermöglichte sicheren Zugriff auf Begünstigtendaten für über 1.000 Feldmitarbeitende in 15 Ländern – mit maximalem Datenschutz."
     image: 

content/solutions/ngos.en.html

@@ -85,11 +85,11 @@
       - "Secure collaboration with local teams and partners"
       - "Separate vaults for operations, reports, and beneficiary data"
 
-# Case Studies Section
-case_studies_show: false
-case_studies_title: "Success Stories from NGOs"
-case_studies_subtitle: "How NGOs around the world strengthen their data protection with Cryptomator Hub"
-case_studies:
+# Success Stories Section
+success_stories_show: false
+success_stories_title: "Success Stories from NGOs"
+success_stories_subtitle: "How NGOs around the world strengthen their data protection with Cryptomator Hub"
+success_stories:
   - title: "International Relief Foundation"
     description: "Enabled secure access to beneficiary data for over 1,000 field workers across 15 countries – with full data control."
     image: 

content/success-stories/wahlbusch.de.html

@@ -0,0 +1,69 @@
+---
+title: "Wahlbusch Erfolgsgeschichte"
+type: "success-stories"
+
+# Company Info
+company: "Walbusch"
+industry: "Produktion"
+location: "Deutschland"
+company_size: "Groß"
+
+# 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 in der Cloud zu verwalten."
+hero_image: "/img/success-storys/wahlbusch.png"
+hero_image_alt: "Wahlbusch Firmengebäude"
+hero_image_company_logo: "/img/success-storys/wahlbusch-logo.svg"
+
+# Quote Section
+quote: "Mit Cryptomator Hub können wir sensible Unternehmensdaten sicher verwalten und gleichzeitig unseren Mitarbeitenden eine unkomplizierte Nutzung ermöglichen."
+quote_author: "IT-Direktor"
+quote_title: ""
+quote_company: "Walbusch"
+
+# PDF Download
+pdf_download: "/downloads/walbusch-success-story-de.pdf"
+
+# Detailed Content Sections
+sections:
+  - title: "Allgemeine Informationen"
+    anchor: "allgemeine-informationen"
+    content: |
+      Walbusch GmbH & Co. KG ist ein traditionsreiches Modeunternehmen mit Sitz in Solingen, das auf einen Multichannel-Ansatz setzt. Neben einem starken Online- und Versandhandel betreibt Walbusch zahlreiche Filialen im deutschsprachigen Raum. Das Unternehmen beschäftigt mehr als tausend Mitarbeitende und steht seit der Gründung 1934 für hochwertige Modeprodukte.
+
+  - title: "Ausgangssituation"
+    anchor: "ausgangssituation"
+    content: |
+      Walbusch stand vor der Herausforderung, sensible Unternehmensdaten, insbesondere personenbezogene Kundendaten und interne Geschäftsdokumente, zuverlässig zu schützen. Ein zusätzlicher Auslöser war die Aufkündigung des Produkts Boxcryptor, das Walbusch zuvor genutzt hatte. Dadurch entstand akuter Handlungsbedarf, eine neue, vertrauenswürdige und langfristig verfügbare Sicherheitslösung für die verschlüsselte Datenspeicherung zu finden.
+
+  - title: "Einsatz von Cryptomator Hub"
+    anchor: "einsatz-cryptomator-hub"
+    content: |
+      Nach einer sorgfältigen Marktanalyse entschied sich Walbusch für Cryptomator Hub. Die Lösung wurde bereichsübergreifend eingeführt - von der IT-Abteilung über den Betriebsrat bis hin zur Geschäftsführung. Ein praktisches Beispiel: Bei Walbusch kommen funktionsbezogene Tresore zum Einsatz, die den Mitarbeitenden als Netzlaufwerke bereitgestellt werden. Dadurch wirkt die zusätzliche Sicherheitsschicht nahezu unsichtbar im Arbeitsalltag, da der Zugriff auf Daten nach dem Freischalten der Tresore ohne Umwege möglich ist. Lediglich beim Öffnen sehr großer Dateien können vereinzelt etwas längere Ladezeiten auftreten. Insgesamt integriert sich Cryptomator Hub reibungslos in die vorhandene Systemumgebung und unterstützt die Mitarbeitenden ohne nennenswerte Einschränkungen.
+      
+      „Für unsere Mitarbeitenden war es entscheidend, dass der Sicherheitsaufwand im Alltag gering bleibt- genau das bietet uns Cryptomator Hub."
+
+  - title: "Lösung für Walbusch"
+    anchor: "loesung-walbusch"
+    content: |
+      Der Implementierungsprozess bot Walbusch die Gelegenheit, bestehende Sicherheitsabläufe gezielt zu modernisieren. 
+      
+      Die zuvor in Boxcryptor verschlüsselten Daten wurden erfolgreich und zuverlässig in Cryptomator Hub übertragen. Begleitend organisierte die IT-Abteilung praxisnahe Schulungen und stellte eine ausführliche Dokumentation im internen Wiki bereit, sodass sich Mitarbeitende schnell mit der neuen Lösung vertraut machen konnten. Auch das Onboarding verlief strukturiert und reibungslos: Beim erstmaligen Freischalten der Tresore unterstützten IT und Fachabteilungen Hand in Hand - eine Zusammenarbeit, die den Übergang besonders effizient machte. 
+      
+      Darüber hinaus trug Cryptomator Hub wesentlich dazu bei, die bestehenden Herausforderungen im Bereich Datensicherheit zu bewältigen. Besonders geschätzt wird die Kombination aus Ende- zu-Ende-Verschlüsselung und rollenbasierter Rechtevergabe. So sind sensible Daten zuverlässig geschützt, während klare Zugriffsrechte die internen Prozesse vereinfachen. Damit wurde nicht nur die Sicherheit erhöht, sondern auch die Einhaltung interner Compliance-Vorgaben unterstützt.
+
+  - title: "Mehrwert für Walbusch"
+    anchor: "mehrwert"
+    content: |
+      Durch den Einsatz von Cryptomator Hub konnte Walbusch die Datensicherheit nachhaltig gewährleisten. Besonders wertvoll war dabei, dass die bestehenden Arbeitsprozesse ohne größere Veränderungen beibehalten werden konnten - die Lösung fügte sich nahtlos in den Arbeitsalltag ein und erforderte nur geringe Anpassungen. 
+      
+      Ein klarer Vorteil lag darin, dass sensible Informationen zuverlässig geschützt und die Compliance- Anforderungen erfüllt werden, ohne dass die Mitarbeitenden ihre gewohnten Abläufe umstellen mussten. Damit konnte das Unternehmen ein hohes Maß an Sicherheit erreichen, ohne die Produktivität zu beeinträchtigen. 
+      
+      Auch wenn kollaboratives Arbeiten in Echtzeit derzeit noch nicht im Funktionsumfang enthalten ist, konnte Walbusch bereits erhebliche Vorteile erzielen. Die gewonnene Stabilität und die verlässliche Absicherung sensibler Daten bieten eine solide Grundlage für zukünftige Entwicklungen.
+
+  - title: "Empfehlungen und Befürwortungen"
+    anchor: "empfehlungen"
+    content: |
+      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 Plattform, die Raum für Automatisierungen und Erweiterungen bietet und sich eng mit gängigen Collaboration-Tools verknüpfen lässt.
+---

content/success-stories/wahlbusch.en.html

@@ -0,0 +1,69 @@
+---
+title: "Wahlbusch Success Story"
+type: "success-stories"
+
+# Company Info
+company: "Walbusch"
+industry: "Manufacturing"
+location: "Germany"
+company_size: "Large"
+
+# Hero Section
+hero_description: "After Boxcryptor was discontinued, Walbusch switched to Cryptomator Hub to securely and transparently manage sensitive data in the cloud with AES-256 encryption."
+hero_image: "/img/success-storys/wahlbusch.png"
+hero_image_alt: "Wahlbusch company building"
+hero_image_company_logo: "/img/success-storys/wahlbusch-logo.svg"
+
+# Quote Section
+quote: "With Cryptomator Hub, we can securely manage sensitive company data while providing our employees with straightforward, uncomplicated usage."
+quote_author: "IT Director"
+quote_title: ""
+quote_company: "Walbusch"
+
+# PDF Download
+pdf_download: "/downloads/walbusch-success-story-en.pdf"
+
+# Detailed Content Sections
+sections:
+  - title: "General Information"
+    anchor: "general-information"
+    content: |
+      Walbusch GmbH & Co. KG is a traditional fashion company based in Solingen that employs a multichannel approach. In addition to a strong online and mail-order business, Walbusch operates numerous retail stores throughout German-speaking countries. The company employs more than a thousand people and has stood for high-quality fashion products since its founding in 1934.
+
+  - title: "Initial Situation"
+    anchor: "initial-situation"
+    content: |
+      Walbusch faced the challenge of reliably protecting sensitive company data, particularly personal customer data and internal business documents. An additional catalyst was the discontinuation of Boxcryptor, which Walbusch had previously used. This created urgent need for action to find a new, trustworthy, and long-term available security solution for encrypted data storage.
+
+  - title: "Implementation of Cryptomator Hub"
+    anchor: "cryptomator-hub-implementation"
+    content: |
+      After careful market analysis, Walbusch decided on Cryptomator Hub. The solution was implemented across departments - from the IT department to the works council and executive management. A practical example: At Walbusch, function-based vaults are used that are provided to employees as network drives. This makes the additional security layer virtually invisible in daily work, as access to data is possible without detours after unlocking the vaults. Only when opening very large files can slightly longer loading times occasionally occur. Overall, Cryptomator Hub integrates seamlessly into the existing system environment and supports employees without significant restrictions.
+      
+      "For our employees, it was crucial that the security effort in daily operations remains low - exactly what Cryptomator Hub offers us."
+
+  - title: "Solution for Walbusch"
+    anchor: "walbusch-solution"
+    content: |
+      The implementation process gave Walbusch the opportunity to specifically modernize existing security processes.
+      
+      The data previously encrypted in Boxcryptor was successfully and reliably transferred to Cryptomator Hub. Accompanying this, the IT department organized practical training and provided comprehensive documentation in the internal wiki, so that employees could quickly familiarize themselves with the new solution. The onboarding process was also structured and smooth: When unlocking vaults for the first time, IT and specialized departments supported hand in hand - a collaboration that made the transition particularly efficient.
+      
+      Furthermore, Cryptomator Hub significantly contributed to overcoming existing challenges in data security. Particularly appreciated is the combination of end-to-end encryption and role-based permission management. This ensures sensitive data is reliably protected while clear access rights simplify internal processes. This not only increased security but also supported compliance with internal governance requirements.
+
+  - title: "Value for Walbusch"
+    anchor: "value-proposition"
+    content: |
+      Through the use of Cryptomator Hub, Walbusch was able to sustainably ensure data security. Particularly valuable was that existing work processes could be maintained without major changes - the solution integrated seamlessly into daily work and required only minor adjustments.
+      
+      A clear advantage was that sensitive information is reliably protected and compliance requirements are met without employees having to change their familiar processes. This enabled the company to achieve a high level of security without affecting productivity.
+      
+      Even though collaborative real-time work is not yet included in the feature set, Walbusch has already achieved significant benefits. The gained stability and reliable protection of sensitive data provide a solid foundation for future developments.
+
+  - title: "Recommendations and Endorsements"
+    anchor: "recommendations"
+    content: |
+      Walbusch emphasizes that Cryptomator Hub stands out compared to other security solutions through its simple integration, high flexibility, and full transparency. Particularly appreciated is that the solution, as open-source software, is traceable and trustworthy, and reliably ensures data security with strong AES-256 encryption.
+      
+      For Walbusch, Cryptomator Hub therefore represents not only an immediate solution for current challenges, but also a forward-looking platform that offers space for automation and extensions and can be closely integrated with common collaboration tools.
+---

i18n/de.yaml

@@ -1,5 +1,23 @@
 - id: site_meta_description
   translation: "Cryptomator ist ein Open-Source-Verschlüsselungstool für sicheren Cloud-Speicher. Schütze deine Privatsphäre kostenlos bei Dropbox, Google Drive, OneDrive und mehr."
+- id: success_story_company_size
+  translation: "Unternehmensgröße"
+- id: success_story_headquarters
+  translation: "Hauptsitz"
+- id: success_story_industry
+  translation: "Branche"
+- id: success_story_table_of_contents
+  translation: "Inhaltsverzeichnis"
+- id: success_story_download_pdf
+  translation: "PDF herunterladen"
+- id: success_story_cta_title
+  translation: "Interessiert an einer ähnlichen Lösung?"
+- id: success_story_cta_description
+  translation: "Entdecken Sie, wie Cryptomator Hub auch Ihr Unternehmen bei der sicheren Verwaltung sensibler Daten unterstützen kann."
+- id: success_story_cta_get_started
+  translation: "Jetzt starten"
+- id: success_story_cta_book_demo
+  translation: "Demo buchen"
 - id: nav_cta
   translation: "Jetzt loslegen"
 - id: nav_products

i18n/en.yaml

@@ -1,5 +1,23 @@
 - id: site_meta_description
   translation: "Cryptomator is an open-source encryption tool for secure cloud storage. Protect your privacy for free on Dropbox, Google Drive, OneDrive, and more."
+- id: success_story_company_size
+  translation: "Company Size"
+- id: success_story_headquarters
+  translation: "Headquarters"
+- id: success_story_industry
+  translation: "Industry"
+- id: success_story_table_of_contents
+  translation: "Table of Contents"
+- id: success_story_download_pdf
+  translation: "Download PDF"
+- id: success_story_cta_title
+  translation: "Interested in a similar solution?"
+- id: success_story_cta_description
+  translation: "Discover how Cryptomator Hub can help your company securely manage sensitive data."
+- id: success_story_cta_get_started
+  translation: "Get Started"
+- id: success_story_cta_book_demo
+  translation: "Book Demo"
 - id: nav_cta
   translation: "Get Started"
 - id: nav_products

layouts/solutions/single.html

@@ -112,15 +112,15 @@ <h3 class="font-h2 mb-6">{{ .title }}</h3>
     {{ end }}
   </section>
 
-  {{ if .Params.case_studies_show }}
+  {{ if .Params.success_stories_show }}
   <section class="container py-16">
     <header class="text-center mb-12">
-      <h2 class="font-h2 mb-4">{{ .Params.case_studies_title }}</h2>
-      <p class="font-p text-gray-600 max-w-3xl mx-auto">{{ .Params.case_studies_subtitle | safeHTML }}</p>
+      <h2 class="font-h2 mb-4">{{ .Params.success_stories_title }}</h2>
+      <p class="font-p text-gray-600 max-w-3xl mx-auto">{{ .Params.success_stories_subtitle | safeHTML }}</p>
     </header>
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-      {{ range .Params.case_studies }}
+      {{ range .Params.success_stories }}
       <article class="white-box overflow-hidden relative {{ if not .comingsoon }}group cursor-pointer{{ end }}">
         <figure class="aspect-video relative">
           {{ if .comingsoon }}