Refactor Pug templates for improved layout and consistency: Simplify structure in kontakt.pug, footer.pug, and speisekarte.pug by removing redundant classes and enhancing readability. Update contact information display and streamline menu item formatting for better visual coherence.

Author: JumpLink

src/views/pages/kontakt.pug

@@ -7,23 +7,22 @@ block content
       h2.section-title.text-shine.text-center.text-uppercase= pageTitle
       .row.g-4
         .col-12.col-md-5
-          .contact-info
-            .contact-block.mb-4
-              h3.contact-label.text-shine.text-uppercase.mb-1= contact.order_hint
-              p.contact-value.mb-0= contact.label_order_phone || 'Bestellungen nur per Telefon'
-              p.contact-value.mb-0
-                a.contact-link(href='tel:' + contact.phone.replace(/\s/g, ''))= contact.phone
-            .contact-block.mb-4
-              h3.contact-label.text-shine.text-uppercase.mb-1= contact.label_hours || 'Öffnungszeiten'
-              each entry in (contact.hours || [])
-                p.contact-value.mb-0
-                  strong= entry.label
-                  br
-                  span= entry.times
-            .contact-block.mb-4
-              h3.contact-label.text-shine.text-uppercase.mb-1= contact.label_directions || 'Anfahrt'
-              p.contact-value.mb-0= contact.address
-              button.btn.btn-primary.mt-2(
+          .mb-4
+            h3.contact-label.text-shine.text-uppercase.mb-1= contact.order_hint
+            p.mb-0= contact.label_order_phone || 'Bestellungen nur per Telefon'
+            p.mb-0
+              a.contact-link(href='tel:' + contact.phone.replace(/\s/g, ''))= contact.phone
+          .mb-4
+            h3.contact-label.text-shine.text-uppercase.mb-1= contact.label_hours || 'Öffnungszeiten'
+            each entry in (contact.hours || [])
+              p.mb-0
+                strong= entry.label
+                br
+                span= entry.times
+          .mb-4
+            h3.contact-label.text-shine.text-uppercase.mb-1= contact.label_directions || 'Anfahrt'
+            p.mb-0= contact.address
+            button.btn.btn-primary.mt-2(
                 type='button',
                 data-directions-trigger='true'
               )= contact.label_directions_button || 'Anfahrt berechnen'

src/views/partials/footer.pug

@@ -3,18 +3,18 @@ footer.site-footer.text-center.border-top.border-2.border-gold-dark.pt-4.pb-6.pb
     p.footer-order.mb-2
       strong= contact.order_hint
       |  – #{site.footer_order_text || 'Bestellungen nur per Telefon: '}
-      a.footer-link.fw-semibold(href='tel:' + contact.phone.replace(/\s/g, ''))= contact.phone
+      a.fw-semibold(href='tel:' + contact.phone.replace(/\s/g, ''))= contact.phone
     p.footer-hours.fs-6.mb-1
-      span.footer-label.fw-semibold.text-gold-dark= site.footer_hours_label || 'Öffnungszeiten: '
+      span.fw-semibold.text-gold-dark= site.footer_hours_label || 'Öffnungszeiten: '
       span= contact.hours_short || ''
     p.footer-address.fs-6.mb-1
-      span.footer-label.fw-semibold.text-gold-dark= site.footer_address_label || 'Anfahrt: '
-      a.footer-link(href='#', role='button', data-directions-trigger='true')= contact.address
+      span.fw-semibold.text-gold-dark= site.footer_address_label || 'Anfahrt: '
+      a(href='#', role='button', data-directions-trigger='true')= contact.address
     p.footer-impressum.fs-6.mb-1
-      a.footer-link(href=basePath + '/impressum.html')= site.nav && site.nav.impressum ? site.nav.impressum : 'Impressum' 
+      a(href=basePath + '/impressum.html')= site.nav && site.nav.impressum ? site.nav.impressum : 'Impressum'
       span= ' | '
-      a.footer-link(href=basePath + '/datenschutz.html') Datenschutz
+      a(href=basePath + '/datenschutz.html') Datenschutz
       span= ' | '
-      a.footer-link(href='https://github.com/ArtCodeStudio/das-frittierwerk')= site.nav && site.nav.source_code ? site.nav.source_code : 'Quellcode der Seite'
+      a(href='https://github.com/ArtCodeStudio/das-frittierwerk')= site.nav && site.nav.source_code ? site.nav.source_code : 'Quellcode der Seite'
     p.footer-copyright.fs-6.mt-3.mb-0
       small © #{new Date().getFullYear()} #{site.footer_copyright || 'Das Frittierwerk – Alle Rechte vorbehalten.'}

src/views/partials/speisekarte.pug

@@ -1,7 +1,7 @@
 div
   //- Werkmenüs
   section(id=slugify(werkmenus.title || 'Werkmenüs'))
-    .menu-section.py-5
+    .py-5
       .container
         h2.section-title.text-shine.text-center.text-uppercase= werkmenus.title || 'Unsere Werkmenüs'
         if werkmenus.subtitle
@@ -37,22 +37,21 @@ div
 
   //- Speisekarte
   section(id=slugify(menu.title || 'Speisekarte'))
-    .menu-section.py-5
+    .py-5
       .container
         h2.section-title.text-shine.text-center.text-uppercase= menu.title || 'Speisekarte'
         .menu-grid
           each category in (menu.categories || [])
             .menu-category.mb-5
               h3.menu-category__title.text-shine.text-uppercase.pb-2.mb-3.border-bottom= category.name
               each item in (category.items || [])
-                .menu-item-wrapper
-                  .menu-item.d-flex.justify-content-between.align-items-center.py-1.gap-2
-                    span.menu-item__name.fw-semibold.text-break!= formatName(item.name)
-                    span.menu-item__dots
-                    span.menu-item__price.text-info.flex-shrink-0= formatPrice(item.price)
-                  if item.description
-                    p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.description)
-                  if item.info
-                    p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.info)
+                .menu-item.d-flex.justify-content-between.align-items-center.py-1.gap-2
+                  span.menu-item__name.fw-semibold.text-break!= formatName(item.name)
+                  span.menu-item__dots
+                  span.menu-item__price.text-info.flex-shrink-0= formatPrice(item.price)
+                if item.description
+                  p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.description)
+                if item.info
+                  p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.info)
         if menu.note
           p.text-center.mt-4.fst-italic.text-muted.small!= formatName(menu.note)