fix: enhance user experience and improve functionality (#78)

* chore: replace steffen team image with another version and set alt parameter for all 3 team portraits * chore: add calendly url as a global and create a calendly redirect entry * chore: add calendly url field for team entries * fix: enhance user experience and improve functionality - Unified spacing across the website for a consistent layout - Removed sticky behavior from navigation with logo and 'Termin vereinbaren' CTA - Updated 'Termin vereinbaren' button to open in a new tab and made URL configurable via backend - Adjusted 'Let’s talk' button size and functionality on home page - Optimized H1 font size for better mobile display - Improved spacing and responsiveness in Case Study, Services, Clients, and Contact sections - Enhanced visual layout in Case Study header and quote module - Fixed text/image combinations and replaced contact details with updated information fixes #71
21stdigital · May 29, 2024 · ad71d27 · ad71d27
1 parent 2967423
commit ad71d27
Show file tree

Hide file tree

Showing 39 changed files with 357 additions and 207 deletions.
diff --git a/content/collections/case_studies/sportfive.md b/content/collections/case_studies/sportfive.md
@@ -4,8 +4,8 @@ blueprint: case_study
 title: 'Von der Vision zur Konversion'
 teaser_text: 'Entdecke, wie wir SPORTFIVE dabei unterstützt haben, seine digitale Präsenz neu zu gestalten und eine Website zu schaffen, die nicht nur informiert, sondern aktiv zur Kundengewinnung beiträgt.'
 client: 4e44b30b-df14-4025-9bfa-edc245cc0560
-updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e
-updated_at: 1716237740
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716888409
 modules:
   -
     id: lw97vzb8
@@ -141,12 +141,6 @@ modules:
             text: ' hat sich als entscheidend für die Stärkung der Online-Präsenz und die Förderung des Geschäftswachstums erwiesen. Das positive Feedback von Kunden und internen Stakeholdern sowie die signifikante Steigerung der Conversion Rate bestätigen den Erfolg der Initiative.'
     type: section_header
     enabled: true
-  -
-    id: lw98yh89
-    quote: 'Die Website ist weit mehr als eine Visitenkarte – sie ist ein entscheidender Treiber für unser Geschäft. Durch die Neugestaltung konnten wir unsere Markenpräsenz signifikant steigern und effektiv neue Kundenbeziehungen aufbauen'
-    author: 'David Rothenhäuser'
-    type: quote
-    enabled: true
   -
     id: lw98ytvb
     text:
@@ -159,6 +153,12 @@ modules:
     grid_position: end
     type: text
     enabled: true
+  -
+    id: lw98yh89
+    quote: 'Die Website ist weit mehr als eine Visitenkarte – sie ist ein entscheidender Treiber für unser Geschäft. Durch die Neugestaltung konnten wir unsere Markenpräsenz signifikant steigern und effektiv neue Kundenbeziehungen aufbauen'
+    author: 'David Rothenhäuser, Vice President und Head of Global Marketing Communications bei SPORTFIVE'
+    type: quote
+    enabled: true
   -
     id: lw99cshz
     headline: 'Du willst auch eine Website, die zu Deiner Strategie passt?'
@@ -168,7 +168,12 @@ modules:
         content:
           -
             type: text
-            text: 'Wir helfen Dir bei Deinem Vorhaben.'
+            text: 'Wir helfen Dir bei Deinem Vorhaben. '
+          -
+            type: hardBreak
+          -
+            type: text
+            text: 'Melde Dich dazu gerne bei unserem CTO Fabian.'
     person: db2dee11-1ab2-4b71-a7b1-670f575dc5dc
     type: team_cta
     enabled: true

diff --git a/content/collections/pages.yaml b/content/collections/pages.yaml
@@ -1,5 +1,13 @@
 title: Pages
+template: default
+layout: layout
+revisions: false
+route: '{parent_uri}/{slug}'
+sort_dir: asc
+preview_targets:
+  -
+    label: Entry
+    url: '{permalink}'
+    refresh: true
 structure:
   root: true
-route: '{parent_uri}/{slug}'
-propagate: true
diff --git a/content/collections/pages/calendly.md b/content/collections/pages/calendly.md
@@ -0,0 +1,11 @@
+---
+id: ff719e3b-8511-44e3-8f43-e7d3d8603990
+blueprint: link
+title: Calendly
+redirect:
+  url: 'https://calendly.com/21stdigital/meeting'
+  status: '301'
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716805474
+parent: home
+---
diff --git a/content/collections/pages/impressum.md b/content/collections/pages/impressum.md
@@ -3,8 +3,8 @@ id: 9ebb7d6e-9675-4b4a-99da-e4da6ee5444e
 blueprint: page
 title: Impressum
 author: c6113137-f6a8-4c20-b0bd-4c52f58ab03e
-updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e
-updated_at: 1715944860
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716883974
 modules:
   -
     id: lwal9cki
@@ -32,6 +32,20 @@ modules:
           -
             type: text
             text: '20097 Hamburg'
+      -
+        type: paragraph
+        content:
+          -
+            type: text
+            marks:
+              -
+                type: link
+                attrs:
+                  href: 'mailto:{{ "[email protected]" | obfuscate_email }}'
+                  rel: 'noopener noreferrer'
+                  target: null
+                  title: null
+            text: '{{ "[email protected]" | obfuscate_email  }}'
     type: section_header
     enabled: true
   -

diff --git a/content/collections/pages/start.md b/content/collections/pages/start.md
@@ -3,8 +3,8 @@ id: home
 blueprint: pages
 title: Start
 author: c6113137-f6a8-4c20-b0bd-4c52f58ab03e
-updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e
-updated_at: 1716237682
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716805701
 modules:
   -
     id: lw64lo0t
@@ -34,11 +34,12 @@ modules:
           values:
             type: button
             label: 'Let’s talk'
-            url: 'https://calendly.com/21stdigital/meeting'
+            url: 'entry::ff719e3b-8511-44e3-8f43-e7d3d8603990'
             add_icon: true
             icon: arrow-right
             icon_position: after
-            button_size: xl
+            button_size: default
+            open_in_new_window: true
     type: section_header
     enabled: true
     headline_appearance: muted
@@ -104,4 +105,5 @@ modules:
     type: contact_cta
     enabled: true
     button_size: default
+    open_in_new_window: false
 ---
diff --git a/content/collections/team/fabian-pahl.md b/content/collections/team/fabian-pahl.md
@@ -2,11 +2,12 @@
 id: db2dee11-1ab2-4b71-a7b1-670f575dc5dc
 blueprint: team
 title: 'Fabian Pahl'
-updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e
-updated_at: 1715970526
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716886591
 firstname: Fabian
 lastname: Pahl
-email: hello@21st.digital
+email: fabian@21st.digital
 phone: '+49 40 361 683 30'
 portrait: team/fabian.jpg
+calendly_url: 'https://calendly.com/21stdigital/meeting'
 ---
diff --git a/content/collections/team/steffen-ruether.md b/content/collections/team/steffen-ruether.md
@@ -2,8 +2,8 @@
 id: c14aeff5-98e2-43e5-bda8-444378304990
 blueprint: team
 title: 'Steffen Rüther'
-updated_by: c6113137-f6a8-4c20-b0bd-4c52f58ab03e
-updated_at: 1715877921
+updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37
+updated_at: 1716888942
 firstname: Steffen
 lastname: Rüther
 email: [email protected]

diff --git a/content/globals/calendly.yaml b/content/globals/calendly.yaml
@@ -0,0 +1,4 @@
+title: Calendly
+data:
+  enabled: true
+  url: 'https://calendly.com/21stdigital/meeting'
diff --git a/content/trees/collections/pages.yaml b/content/trees/collections/pages.yaml
@@ -5,3 +5,5 @@ tree:
     entry: 9ebb7d6e-9675-4b4a-99da-e4da6ee5444e
   -
     entry: 7c51fc57-6028-438a-ad34-9d7f67dd8ea4
+  -
+    entry: ff719e3b-8511-44e3-8f43-e7d3d8603990
diff --git a/public/assets/team/.meta/andres.jpg.yaml b/public/assets/team/.meta/andres.jpg.yaml
@@ -1,6 +1,7 @@
-data: {  }
+data:
+  alt: 'Porträt von Andres'
 size: 38705
-last_modified: 1715864808
+last_modified: 1715954165
 width: 400
 height: 400
 mime_type: image/jpeg

diff --git a/public/assets/team/.meta/fabian.jpg.yaml b/public/assets/team/.meta/fabian.jpg.yaml
@@ -1,6 +1,7 @@
-data: {  }
+data:
+  alt: 'Porträt von Fabian'
 size: 34713
-last_modified: 1715864828
+last_modified: 1715954165
 width: 400
 height: 400
 mime_type: image/jpeg

diff --git a/public/assets/team/.meta/steffen.jpeg.yaml b/public/assets/team/.meta/steffen.jpeg.yaml
@@ -0,0 +1,8 @@
+data:
+  alt: 'Portraitbild von Steffen'
+size: 867738
+last_modified: 1716884198
+width: 2080
+height: 2080
+mime_type: image/jpeg
+duration: null
diff --git a/public/assets/team/.meta/steffen.jpg.yaml b/public/assets/team/.meta/steffen.jpg.yaml
@@ -1,7 +1,8 @@
-data: {  }
-size: 40288
-last_modified: 1715864828
-width: 400
-height: 400
+data:
+  alt: 'Porträt von Steffen'
+size: 867738
+last_modified: 1716884198
+width: 2080
+height: 2080
 mime_type: image/jpeg
 duration: null
diff --git a/resources/blueprints/collections/pages/link.yaml b/resources/blueprints/collections/pages/link.yaml
@@ -0,0 +1,36 @@
+title: Link
+tabs:
+  main:
+    sections:
+      -
+        fields:
+          -
+            handle: title
+            field:
+              type: text
+          -
+            handle: redirect
+            field:
+              type: group
+              required: true
+              width: '100'
+              fields:
+                -
+                  handle: url
+                  field:
+                    type: link
+                    required: true
+                    width: '100'
+                    display: Location
+                -
+                  handle: status
+                  field:
+                    type: radio
+                    inline: 'true'
+                    required: true
+                    options:
+                      301: '301 (Permanent)'
+                      302: '302 (Temporary)'
+                    width: '100'
+                    display: 'HTTP Status'
+                    default: 302
diff --git a/resources/blueprints/collections/team/team.yaml b/resources/blueprints/collections/team/team.yaml
@@ -42,6 +42,17 @@ tabs:
               type: text
               display: Phone
               width: 50
+          -
+            handle: calendly_url
+            field:
+              input_type: url
+              placeholder: 'https://calendly.com/...'
+              type: text
+              display: 'Calendly URL'
+              width: 50
+              validate:
+                - url
+                - 'starts_with:https://calendly.com/'
   sidebar:
     display: Sidebar
     sections:

diff --git a/resources/blueprints/globals/calendly.yaml b/resources/blueprints/globals/calendly.yaml
@@ -0,0 +1,21 @@
+tabs:
+  main:
+    display: Main
+    sections:
+      -
+        fields:
+          -
+            handle: enabled
+            field:
+              type: toggle
+              display: 'Enable Calendly'
+          -
+            handle: url
+            field:
+              input_type: url
+              placeholder: 'https://calendly.com/...'
+              type: text
+              display: URL
+              validate:
+                - url
+                - 'starts_with:https://calendly.com/'
diff --git a/resources/css/modules.css b/resources/css/modules.css
@@ -1,17 +1,18 @@
 [data-module] {
   &:last-child {
-    @apply pb-20 lg:pb-32 xl:pb-48;
+    @apply mb-20 lg:mb-32 xl:mb-48;
   }
 }
 
 [data-module] + [data-module] {
-  @apply pt-32 lg:pt-40 xl:pt-60 2xl:pt-80;
+  @apply mt-24 lg:mt-32 xl:mt-48 2xl:mt-52;
 }
 
 [data-module="hero_text"] + [data-module="section_header"] {
-  @apply pt-0;
+  @apply mt-0;
 }
 
+
 [data-module="section_header"] {
   .text {
     @apply text-xl leading-relaxed;
@@ -22,9 +23,18 @@
   }
 }
 
-[data-module="section_header"]
-  + [data-module]:not([data-module="section_header"]) {
-  @apply pt-12 2xl:pt-24;
+[data-module="section_header"] + [data-module] {
+  @apply mt-12 2xl:mt-24;
+}
+[data-module="section_header"] + [data-module="section_header"] {
+  @apply mt-20 2xl:mt-40;
+}
+
+
+[data-module="quote"] + [data-module], 
+[data-module] + [data-module="quote"],
+[data-module="section_header"] + [data-module="quote"] {
+  @apply my-20 md:my-36 lg:my-48;
 }
 
 [data-module="contact_cta"] {
@@ -34,14 +44,13 @@
 }
 
 [data-module="text"] {
-  & + [data-module="text"],
-  & + [data-module="quote"] {
-    @apply pt-12 xl:pt-16;
+  & + [data-module="text"] {
+    @apply mt-12 xl:mt-16;
   }
 }
 
-[data-module="quote"] {
+/* [data-module="quote"] {
   & + [data-module="text"] {
-    @apply pt-12 xl:pt-16;
+    @apply mt-12 xl:mt-16;
   }
-}
+} */
diff --git a/resources/fieldsets/button.yaml b/resources/fieldsets/button.yaml
@@ -19,17 +19,25 @@ fields:
     field:
       type: link
       display: URL
+      width: 66
+  -
+    handle: open_in_new_window
+    field:
+      type: toggle
+      display: 'Open in new window'
+      width: 33
   -
     handle: add_icon
     field:
       type: toggle
       display: 'Add Icon'
+      width: 25
   -
     handle: icon
     field:
       type: icon
       display: Icon
-      width: 66
+      width: 50
       validate:
         - sometimes
         - required
@@ -46,6 +54,6 @@ fields:
       default: after
       type: button_group
       display: 'Icon Position'
-      width: 33
+      width: 25
       if:
         add_icon: 'equals true'