feat(landing): redesign homepage with GSAP-driven landing page and new showcase assets

2026-09-11 17:46:06 +00:00 · 2026-02-22 15:53:53 +03:00
parent 2115d986af
commit f224b0a8a1
13 changed files with 1001 additions and 410 deletions
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { JetBrains_Mono } from "next/font/google";
+import { Geist_Mono, JetBrains_Mono } from "next/font/google";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "sonner";
 import "./globals.css";
@@ -11,6 +11,13 @@ const jetbrainsMono = JetBrains_Mono({
  preload: true,
 });

+const geistMono = Geist_Mono({
+  subsets: ['latin'],
+  variable: '--font-geist-mono',
+  display: 'swap',
+  preload: true,
+});
+
 export const metadata: Metadata = {
  title: "OpenFrame - Video Feedback Platform",
  description: "Collect timestamped video feedback with text and voice comments",
@@ -22,15 +29,21 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en" className={jetbrainsMono.variable} suppressHydrationWarning>
-      <body className="antialiased min-h-screen bg-background">
+    <html lang="en" className={`${jetbrainsMono.variable} ${geistMono.variable}`} suppressHydrationWarning>
+      <body className="antialiased min-h-screen bg-background font-sans">
        <ThemeProvider
          attribute="class"
          defaultTheme="dark"
          enableSystem
          disableTransitionOnChange
        >
+          <svg aria-hidden="true" className="fixed h-0 w-0">
+            <filter id="openframe-noise">
+              <feTurbulence type="fractalNoise" baseFrequency="0.92" numOctaves="2" stitchTiles="stitch" />
+            </filter>
+          </svg>
          {children}
+          <div aria-hidden="true" className="noise-overlay" />
          <Toaster />
        </ThemeProvider>
      </body>