Redesign: richer visual language inspired by Magic UI

- Body: radial gradient orbs (teal + green) + dot grid overlay + grain
- Header: dark mesh gradient, shimmer logo animation, animated gradient
  tagline, frosted glass lang-switcher pill
- CategorySection: glow-ring emoji badge, gradient top line, frosted
  glass card container, teal/gold decorative divider
- MenuItemRow: gradient emoji circle, magic-card CSS hover spotlight,
  price pill with green gradient border
- BottomTabBar: blur/glass tabbar, active emoji glow + scale + pill bg
- Page: welcome strip with teal gradient border, hero fade from header

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/[lang]/page.tsx

@@ -21,18 +21,53 @@ export default async function MenuPage({
       <Header dict={dict} />
 
       <main
-        className="bg-cream min-h-screen"
+        className="relative min-h-screen"
         style={{
           paddingTop: 'var(--header-h)',
           paddingBottom: 'calc(var(--tabbar-h) + 8px)',
         }}
       >
-        {/* Subtle top fade from header */}
+        {/* Hero gradient fade from header */}
         <div
-          className="h-4 bg-gradient-to-b from-beige/30 to-transparent"
           aria-hidden="true"
+          className="h-8 w-full"
+          style={{
+            background:
+              'linear-gradient(180deg, rgba(31,20,10,0.12) 0%, transparent 100%)',
+          }}
         />
 
+        {/* Decorative welcome strip */}
+        <div className="px-4 pt-2 pb-1">
+          <div
+            className="rounded-2xl px-4 py-3 flex items-center gap-3"
+            style={{
+              background:
+                'linear-gradient(135deg, rgba(74,175,168,0.10) 0%, rgba(200,168,80,0.07) 100%)',
+              border: '1px solid rgba(74,175,168,0.18)',
+            }}
+          >
+            <span className="text-2xl">🌊</span>
+            <div>
+              <p
+                className="font-display italic text-coffee font-semibold leading-tight"
+                style={{ fontSize: '0.95rem' }}
+              >
+                Kozmos Beach &amp; More
+              </p>
+              <p
+                className="font-body text-muted leading-snug mt-0.5"
+                style={{ fontSize: '0.68rem' }}
+              >
+                {lang === 'tr'
+                  ? 'Taze malzemeler · Ege lezzetleri · Deniz kenarı'
+                  : 'Fresh ingredients · Aegean flavours · Seaside'}
+              </p>
+            </div>
+          </div>
+        </div>
+
+        {/* Category sections */}
         {categories.map((category) => (
           <CategorySection
             key={category.id}
@@ -42,8 +77,7 @@ export default async function MenuPage({
           />
         ))}
 
-        {/* Bottom spacing */}
-        <div className="h-6" aria-hidden="true" />
+        <div className="h-4" aria-hidden="true" />
       </main>
 
       <WhatsAppButton