Consolidate contact form i18n strings and improve grid layout

Author: tobihagemann

i18n/de.yaml

@@ -1137,20 +1137,6 @@
   translation: "Nachbereitung"
 - id: book_demo_step_4_description
   translation: "Wir stellen zusätzliche Ressourcen zur Verfügung und beantworten alle deine Fragen."
-- id: book_demo_looking_for_title
-  translation: "Suchst du nach etwas anderem?"
-- id: book_demo_link_contact_sales
-  translation: "Vertrieb kontaktieren"
-- id: book_demo_link_contact_sales_description
-  translation: "Besprich Preise, technische Integration und Compliance-Anforderungen mit unserem Vertriebsteam."
-- id: book_demo_link_partner
-  translation: "Partner werden"
-- id: book_demo_link_partner_description
-  translation: "Tritt unserem Partnerprogramm bei und integriere Cryptomator in dein Geschäftsangebot."
-- id: book_demo_link_contact
-  translation: "Allgemeine Kontakt"
-- id: book_demo_link_contact_description
-  translation: "Nimm Kontakt auf für allgemeine Anfragen, Support-Fragen oder andere nicht-vertriebsbezogene Angelegenheiten."
 
 # Contact Sales
 - id: contact_sales_first_name
@@ -1197,20 +1183,6 @@
   translation: "Persönliche Antwort"
 - id: contact_sales_step_3_description
   translation: "Du erhältst innerhalb eines Werktages eine detaillierte Antwort von unserem Team."
-- id: contact_sales_sidebar_title
-  translation: "Suchst du nach etwas anderem?"
-- id: contact_sales_link_demo
-  translation: "Demo buchen"
-- id: contact_sales_link_demo_description
-  translation: "Buche eine personalisierte Demo, um Cryptomator Hub in Aktion mit deinem Anwendungsfall zu sehen."
-- id: contact_sales_link_partner
-  translation: "Partner werden"
-- id: contact_sales_link_partner_description
-  translation: "Tritt unserem Partnerprogramm bei und integriere Cryptomator in dein Geschäftsangebot."
-- id: contact_sales_link_general
-  translation: "Allgemeine Kontakt"
-- id: contact_sales_link_general_description
-  translation: "Nimm Kontakt auf für allgemeine Anfragen, Support-Fragen oder andere nicht-vertriebsbezogene Angelegenheiten."
 
 # Partner Form
 - id: partner_first_name
@@ -1264,6 +1236,26 @@
 - id: partner_step_3_description
   translation: "Du erhältst innerhalb von 2-3 Werktagen eine detaillierte Antwort über die nächsten Schritte."
 
+# Other Contact
+- id: other_contact_looking_for_title
+  translation: "Suchst du nach etwas anderem?"
+- id: other_contact_link_contact_sales
+  translation: "Vertrieb kontaktieren"
+- id: other_contact_link_contact_sales_description
+  translation: "Besprich Preise, technische Integration und Compliance-Anforderungen mit unserem Vertriebsteam."
+- id: other_contact_link_book_demo
+  translation: "Demo buchen"
+- id: other_contact_link_book_demo_description
+  translation: "Buche eine personalisierte Demo, um Cryptomator Hub in Aktion mit deinem Anwendungsfall zu sehen."
+- id: other_contact_link_partner
+  translation: "Partner werden"
+- id: other_contact_link_partner_description
+  translation: "Tritt unserem Partnerprogramm bei und integriere Cryptomator in dein Geschäftsangebot."
+- id: other_contact_link_contact
+  translation: "Allgemeine Kontakt"
+- id: other_contact_link_contact_description
+  translation: "Nimm Kontakt auf für allgemeine Anfragen, Support-Fragen oder andere nicht-vertriebsbezogene Angelegenheiten."
+
 # Sale
 - id: nav_promotion
   translation: ":maple_leaf: Herbst-Sale: 25 %* Rabatt auf Cryptomator – Bis&nbsp;zum&nbsp;30.&nbsp;September!&nbsp;<a class=\"whitespace-nowrap font-bold\" href=\"/de/blog/2025/09/22/autumn-sale/\">Mehr erfahren&nbsp;<span aria-hidden=\"true\">&rarr;</span></a>"

i18n/en.yaml

@@ -1137,20 +1137,6 @@
   translation: "Follow up"
 - id: book_demo_step_4_description
   translation: "We'll provide additional resources and answer any questions you may have."
-- id: book_demo_looking_for_title
-  translation: "Looking for something else?"
-- id: book_demo_link_contact_sales
-  translation: "Contact sales"
-- id: book_demo_link_contact_sales_description
-  translation: "Discuss pricing, technical integration, and compliance requirements with our sales team."
-- id: book_demo_link_partner
-  translation: "Become a partner"
-- id: book_demo_link_partner_description
-  translation: "Join our partner program and integrate Cryptomator into your business offerings."
-- id: book_demo_link_contact
-  translation: "General contact"
-- id: book_demo_link_contact_description
-  translation: "Get in touch for general inquiries, support questions, or other non-sales related matters."
 
 # Contact Sales
 - id: contact_sales_first_name
@@ -1197,20 +1183,6 @@
   translation: "Personal response"
 - id: contact_sales_step_3_description
   translation: "Get a detailed, personalized response within one business day."
-- id: contact_sales_sidebar_title
-  translation: "Looking for something else?"
-- id: contact_sales_link_demo
-  translation: "Book a demo"
-- id: contact_sales_link_demo_description
-  translation: "See Cryptomator Hub in action with a demo tailored to your use case."
-- id: contact_sales_link_partner
-  translation: "Become a partner"
-- id: contact_sales_link_partner_description
-  translation: "Integrate Cryptomator into your business through our partner program."
-- id: contact_sales_link_general
-  translation: "General contact"
-- id: contact_sales_link_general_description
-  translation: "Reach out for support, general inquiries, or other questions."
 
 # Partner Form
 - id: partner_first_name
@@ -1264,6 +1236,26 @@
 - id: partner_step_3_description
   translation: "You'll receive a detailed response within 2-3 business days about next steps."
 
+# Other Contact
+- id: other_contact_looking_for_title
+  translation: "Looking for something else?"
+- id: other_contact_link_contact_sales
+  translation: "Contact sales"
+- id: other_contact_link_contact_sales_description
+  translation: "Discuss pricing, technical integration, and compliance requirements with our sales team."
+- id: other_contact_link_book_demo
+  translation: "Book a demo"
+- id: other_contact_link_book_demo_description
+  translation: "See Cryptomator Hub in action with a demo tailored to your use case."
+- id: other_contact_link_partner
+  translation: "Become a partner"
+- id: other_contact_link_partner_description
+  translation: "Join our partner program and integrate Cryptomator into your business offerings."
+- id: other_contact_link_contact
+  translation: "General contact"
+- id: other_contact_link_contact_description
+  translation: "Get in touch for general inquiries, support questions, or other non-sales related matters."
+
 # Sale
 - id: nav_promotion
   translation: ":maple_leaf: Autumn Sale: 25%* Off Cryptomator – Until&nbsp;September&nbsp;30!&nbsp;<a class=\"whitespace-nowrap font-bold\" href=\"/blog/2025/09/22/autumn-sale/\">Learn More&nbsp;<span aria-hidden=\"true\">&rarr;</span></a>"

layouts/become-a-partner/single.html

@@ -10,52 +10,49 @@ <h1 class="font-h1 mb-8">{{ .Title }}</h1>
         <!-- Left Side - Partner Form -->
         <section class="white-box md:col-span-2">
           <div class="px-4 py-5 md:p-6">
-            <div class="grid grid-cols-6 gap-6">
-              <div class="flex flex-col col-span-6">
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
-                <!-- First Name -->
-                <div>
-                  <label for="firstName" class="block text-sm font-medium text-gray-700 mb-2">
-                    {{ i18n "partner_first_name" }} <span class="text-red-500" aria-label="required">*</span>
-                  </label>
-                  <input type="text" id="firstName" name="firstName" x-model="submitData.firstName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
-                </div>
+            <div class="grid grid-cols-2 gap-6">
+              <!-- First Name -->
+              <div class="col-span-2 md:col-span-1">
+                <label for="firstName" class="block text-sm font-medium text-gray-700 mb-2">
+                  {{ i18n "partner_first_name" }} <span class="text-red-500" aria-label="required">*</span>
+                </label>
+                <input type="text" id="firstName" name="firstName" x-model="submitData.firstName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+              </div>
 
-                <!-- Last Name -->
-                <div>
-                  <label for="lastName" class="block text-sm font-medium text-gray-700 mb-2">
-                    {{ i18n "partner_last_name" }} <span class="text-red-500" aria-label="required">*</span>
-                  </label>
-                  <input type="text" id="lastName" name="lastName" x-model="submitData.lastName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
-                </div>
+              <!-- Last Name -->
+              <div class="col-span-2 md:col-span-1">
+                <label for="lastName" class="block text-sm font-medium text-gray-700 mb-2">
+                  {{ i18n "partner_last_name" }} <span class="text-red-500" aria-label="required">*</span>
+                </label>
+                <input type="text" id="lastName" name="lastName" x-model="submitData.lastName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
               </div>
 
               <!-- Email -->
-              <div class="mb-6">
+              <div class="col-span-2">
                 <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
                   {{ i18n "partner_email" }} <span class="text-red-500" aria-label="required">*</span>
                 </label>
                 <input type="email" id="email" name="email" x-model="submitData.email" class="block input-box w-full" required aria-required="true" @blur="$el.classList.add('show-invalid')">
               </div>
 
               <!-- Company -->
-              <div class="mb-6">
+              <div class="col-span-2">
                 <label for="company" class="block text-sm font-medium text-gray-700 mb-2">
                   {{ i18n "partner_company" }} <span class="text-red-500" aria-label="required">*</span>
                 </label>
                 <input type="text" id="company" name="company" x-model="submitData.company" class="block input-box w-full" maxlength="200" required aria-required="true" @blur="$el.classList.add('show-invalid')">
               </div>
 
               <!-- Company Website -->
-              <div class="mb-6">
+              <div class="col-span-2">
                 <label for="website" class="block text-sm font-medium text-gray-700 mb-2">
                   {{ i18n "partner_website" }}
                 </label>
                 <input type="url" id="website" name="website" x-model="submitData.website" class="block input-box w-full" maxlength="200" placeholder="https://">
               </div>
 
               <!-- Partnership Type -->
-              <div class="mb-6">
+              <div class="col-span-2">
                 <label for="partnershipType" class="block text-sm font-medium text-gray-700 mb-2">
                   {{ i18n "partner_type" }}
                 </label>
@@ -70,24 +67,26 @@ <h1 class="font-h1 mb-8">{{ .Title }}</h1>
               </div>
 
               <!-- Message -->
-              <div class="mb-6">
+              <div class="col-span-2">
                 <label for="message" class="block text-sm font-medium text-gray-700 mb-2">
                   {{ i18n "partner_message" }}
                 </label>
                 <textarea id="message" name="message" x-model="submitData.message" rows="4" class="block input-box w-full" maxlength="2000" placeholder="{{ i18n "partner_message_placeholder" }}"></textarea>
               </div>
 
-              <!-- Terms & Privacy Acceptance -->
-              <p class="font-p text-sm mb-2">
-                {{ partial "checkbox.html" (dict "context" . "alpineVariable" "acceptTerms" "label" (i18n "accept_hub_managed_terms_and_privacy" | safeHTML)) }}
-              </p>
+              <div class="col-span-2">
+                <!-- Terms & Privacy Acceptance -->
+                <p class="font-p text-sm mb-2">
+                  {{ partial "checkbox.html" (dict "context" . "alpineVariable" "acceptTerms" "label" (i18n "accept_hub_managed_terms_and_privacy" | safeHTML)) }}
+                </p>
 
-              <!-- Optional Newsletter -->
-              <p class="font-p text-sm mb-2">
-                {{ partial "checkbox.html" (dict "context" . "alpineVariable" "submitData.acceptNewsletter" "label" (i18n "accept_hub_newsletter_optional")) }}
-              </p>
+                <!-- Optional Newsletter -->
+                <p class="font-p text-sm mb-2">
+                  {{ partial "checkbox.html" (dict "context" . "alpineVariable" "submitData.acceptNewsletter" "label" (i18n "accept_hub_newsletter_optional")) }}
+                </p>
+              </div>
 
-              <div class="mt-8">
+              <div class="col-span-2">
                 <p :class="{'hidden': !feedbackData.errorMessage}" class="text-sm text-red-600 mb-2" x-text="feedbackData.errorMessage"></p>
                 <button :disabled="feedbackData.inProgress || !acceptTerms || captchaState == 'verifying'" type="submit" class="btn btn-primary w-full md:w-64" data-umami-event="become-partner-form" x-cloak>
                   <i :class="{'fa-paper-plane': !feedbackData.inProgress, 'fa-spinner fa-spin': feedbackData.inProgress}" class="fa-solid" aria-hidden="true"></i>
@@ -141,6 +140,46 @@ <h4 class="font-medium text-gray-900 mb-1">{{ i18n "partner_step_3_title" }}</h4
                   </li>
                 </ul>
               </div>
+
+              <!-- Divider -->
+              <hr class="border-gray-200">
+
+              <!-- Looking for something else section -->
+              <div>
+                <h3 class="font-h3 mb-6">{{ i18n "book_demo_looking_for_title" }}</h3>
+                
+                <ul class="space-y-6">
+                  <li>
+                    <a href="{{ .Site.LanguagePrefix }}/contact-sales/" class="flex items-start group">
+                      <i class="fa-solid fa-arrow-right text-primary group-hover:translate-x-1 transition-transform duration-200 mr-3 mt-1"></i>
+                      <div>
+                        <div class="font-medium text-link group-hover:underline">{{ i18n "other_contact_link_contact_sales" }}</div>
+                        <p class="text-sm text-gray-600 mt-1">{{ i18n "other_contact_link_contact_sales_description" }}</p>
+                      </div>
+                    </a>
+                  </li>
+                  
+                  <li>
+                    <a href="{{ .Site.LanguagePrefix }}/book-a-demo/" class="flex items-start group">
+                      <i class="fa-solid fa-arrow-right text-primary group-hover:translate-x-1 transition-transform duration-200 mr-3 mt-1"></i>
+                      <div>
+                        <div class="font-medium text-link group-hover:underline">{{ i18n "other_contact_link_book_demo" }}</div>
+                        <p class="text-sm text-gray-600 mt-1">{{ i18n "other_contact_link_book_demo_description" }}</p>
+                      </div>
+                    </a>
+                  </li>
+                  
+                  <li>
+                    <a href="{{ .Site.LanguagePrefix }}/contact/" class="flex items-start group">
+                      <i class="fa-solid fa-arrow-right text-primary group-hover:translate-x-1 transition-transform duration-200 mr-3 mt-1"></i>
+                      <div>
+                        <div class="font-medium text-link group-hover:underline">{{ i18n "other_contact_link_contact" }}</div>
+                        <p class="text-sm text-gray-600 mt-1">{{ i18n "other_contact_link_contact_description" }}</p>
+                      </div>
+                    </a>
+                  </li>
+                </ul>
+              </div>
             </div>
           </div>
         </aside>