feat: Frutiger Aero redesign — glass panels, Aero shimmer, interaction moments

2026-05-16 14:55:51 +02:00
parent a0aa3f381e
commit b02f3c73e3
17 changed files with 549 additions and 167 deletions
--- a/thoughts-frontend/app/layout.tsx
+++ b/thoughts-frontend/app/layout.tsx
@@ -4,6 +4,7 @@ import { AuthProvider } from "@/hooks/use-auth";
 import { Toaster } from "@/components/ui/sonner";
 import { Header } from "@/components/header";
 import localFont from "next/font/local";
+import Image from "next/image";
 import InstallPrompt from "@/components/install-prompt";

 export const metadata: Metadata = {
@@ -52,6 +53,14 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body className={`${frutiger.className} antialiased`}>
+        <Image
+          src="/bg1.avif"
+          alt=""
+          fill
+          priority
+          quality={85}
+          className="fixed inset-0 -z-10 object-cover object-center"
+        />
        <AuthProvider>
          <Header />
          <main className="flex-1">{children}</main>