✨ Update design

src/lib/opening-hours.ts

@@ -7,13 +7,13 @@ export type OpeningRange = { start: string; end: string }
 
 // Keyed by the JS `Date#getDay()` convention: 0 = Sunday … 6 = Saturday.
 const OPENING_HOURS_BY_WEEKDAY: Record<number, OpeningRange[]> = {
-  0: [{ start: '12:00', end: '20:00' }],
+  0: [{ start: '11:00', end: '20:00' }],
   1: [],
-  2: [{ start: '12:00', end: '20:00' }],
-  3: [{ start: '12:00', end: '20:00' }],
-  4: [{ start: '12:00', end: '20:00' }],
-  5: [{ start: '12:00', end: '20:00' }],
-  6: [{ start: '12:00', end: '20:00' }],
+  2: [{ start: '11:00', end: '20:00' }],
+  3: [{ start: '11:00', end: '20:00' }],
+  4: [{ start: '11:00', end: '20:00' }],
+  5: [{ start: '11:00', end: '20:00' }],
+  6: [{ start: '11:00', end: '20:00' }],
 }
 
 const WEEKDAY_LABELS_MONDAY_FIRST: Array<{ day: string; weekday: number }> = [

src/routes/index.tsx

@@ -201,18 +201,21 @@ function Home() {
               <span className="section-kicker">Wann wir für Sie da sind</span>
               <h2 className="section-heading">Öffnungszeiten</h2>
             </div>
-            <ul className="hours-list">
-              {OPENING_HOURS.map(({ day, hours }) => (
-                <li key={day} className={day === todayName ? 'today' : undefined}>
-                  <span className="day">{day}</span>
-                  {hours ? (
-                    <span>{hours.join(' · ')}</span>
-                  ) : (
-                    <span className="hours-closed">geschlossen</span>
-                  )}
-                </li>
-              ))}
-            </ul>
+            <div>
+              <ul className="hours-list">
+                {OPENING_HOURS.map(({ day, hours }) => (
+                  <li key={day} className={day === todayName ? 'today' : undefined}>
+                    <span className="day">{day}</span>
+                    {hours ? (
+                      <span>{hours.join(' · ')}</span>
+                    ) : (
+                      <span className="hours-closed">geschlossen</span>
+                    )}
+                  </li>
+                ))}
+              </ul>
+              <p className="field-hint hours-note">Unsere Küche ist von 12:00 – 20:00 Uhr für Sie geöffnet.</p>
+            </div>
           </div>
         </section>
 

src/styles.css

@@ -724,6 +724,10 @@ a {
   text-decoration: underline;
 }
 
+.hours-note {
+  margin-top: 0.9rem;
+}
+
 .message {
   margin: 0;
   padding: 0.65rem 0.9rem;