✨ 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' }],
+  2: [{ start: '11:00', end: '20:00' }],
-  3: [{ start: '12:00', end: '20:00' }],
+  3: [{ start: '11:00', end: '20:00' }],
-  4: [{ start: '12:00', end: '20:00' }],
+  4: [{ start: '11:00', end: '20:00' }],
-  5: [{ start: '12:00', end: '20:00' }],
+  5: [{ start: '11:00', end: '20:00' }],
-  6: [{ start: '12: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,6 +201,7 @@ function Home() {
               <span className="section-kicker">Wann wir für Sie da sind</span>
               <h2 className="section-heading">Öffnungszeiten</h2>
             </div>
+            <div>
               <ul className="hours-list">
                 {OPENING_HOURS.map(({ day, hours }) => (
                   <li key={day} className={day === todayName ? 'today' : undefined}>
@@ -213,6 +214,8 @@ function Home() {
                   </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;