feat: Add onboarding tutorial and improved empty states

Onboarding Tutorial:
- 5-step walkthrough for new users
- Welcome, Scan, Taste, Sessions, Ready steps
- Skippable, stores completion in localStorage
- Beautiful full-screen overlay with animations

Empty States:
- SessionList: Visual empty state with icon and description
- BuddyList: Visual empty state with icon and description
- Reusable EmptyState component ready for more usage

Layout: Added OnboardingTutorial and CookieBanner
This commit is contained in:
2025-12-26 21:43:26 +01:00
parent 82531c5aff
commit f21b2738ad
5 changed files with 178 additions and 5 deletions

View File

@@ -11,6 +11,7 @@ import MainContentWrapper from "@/components/MainContentWrapper";
import AuthListener from "@/components/AuthListener";
import SyncHandler from "@/components/SyncHandler";
import CookieBanner from "@/components/CookieBanner";
import OnboardingTutorial from "@/components/OnboardingTutorial";
const inter = Inter({ subsets: ["latin"], variable: '--font-inter' });
@@ -58,6 +59,7 @@ export default function RootLayout({
{children}
</MainContentWrapper>
<CookieBanner />
<OnboardingTutorial />
</SessionProvider>
</I18nProvider>
</body>