feat: Implement blue theme with modern design

- Add Inter font from Google Fonts for modern typography - Implement blue theme from shadcn.com (primary: blue) - Add beautiful hero header with car icon - Create Separator component for visual division - Increase card padding (p-8) for better breathing room - Larger card titles (text-2xl) for better hierarchy - Improved spacing throughout (gap-8, py-12, etc.) - Blue primary color (#3B82F6) with proper foregrounds - Professional, modern look matching shadcn.com aesthetic 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 20:53:36 +02:00
parent 24bd736b9a
commit ffdfac65de
7 changed files with 201 additions and 30 deletions
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,6 +1,13 @@
 import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
 import './globals.css'

+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--font-inter',
+})
+
 export const metadata: Metadata = {
  title: 'Kniha Jízd',
  description: 'Journey Book Management System',
@@ -13,7 +20,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="cs">
-      <body>{children}</body>
+      <body className={inter.className}>{children}</body>
    </html>
  )
 }