logos

src/app/layout.tsx

@@ -7,7 +7,11 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
   title: "OpenBookLM",
-  description: "AI-powered notebook application",
+  description: "Open source version of NotebookLM",
+  icons: {
+    icon: '/favicon.ico',
+    apple: '/logo.png',
+  },
 };
 
 export default function Layout({ children }: { children: React.ReactNode }) {

src/app/notebook/[id]/page.tsx

@@ -16,6 +16,12 @@ import {
   Info,
   MoreVertical,
 } from "lucide-react";
+import { useState, useRef } from 'react'
+import Link from 'next/link'
+import Image from 'next/image'
+import { Button } from '@/components/ui/button'
+import { Card } from '@/components/ui/card'
+import { Settings, Share, ChevronRight, X, Upload, Link as LinkIcon, Youtube, Info, MoreVertical } from 'lucide-react'
 import {
   Dialog,
   DialogContent,
@@ -190,6 +196,19 @@ export default function NotebookPage({ params }: { params: { id: string } }) {
               }}
             />
           </div>
+          <Link href="/" className="flex items-center space-x-2">
+            <span className="text-xl font-semibold text-white">
+              Untitled notebook
+            </span>
+            <Image
+              src="/logo.png"
+              alt="OpenBookLM Logo"
+              width={32}
+              height={32}
+              className="h-8 w-8"
+            />
+            <span className="text-xl font-semibold text-white">Untitled notebook</span>
+          </Link>
           <div className="flex items-center space-x-4">
             <ShareDialog notebookId={params.id} />
             <Button variant="ghost" size="icon">

src/app/page.tsx

@@ -1,25 +1,47 @@
-import { auth } from "@clerk/nextjs/server";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/db";
-import { getOrCreateUser } from "@/lib/auth";
-import HomePage from "./home-page";
-import { setAllNotebooks } from "@/lib/redis-utils";
+import Link from 'next/link'
+import Image from 'next/image'
+import { Button } from '@/components/ui/button'
+import { Card } from '@/components/ui/card'
+import { Settings, Grid3X3, List } from 'lucide-react'
 
 export default async function Page() {
   const { userId } = await auth();
 
-  if (!userId) {
-    return (
-      <div className="flex flex-col h-[calc(100vh-56px)]">
-        <div className="flex-1 p-8">
-          <h1 className="text-[40px] leading-tight text-[#8AB4F8] font-normal mb-6">
-            Welcome to OpenBookLM
-          </h1>
-          <div className="max-w-2xl">
-            <p className="text-[15px] text-gray-400">
-              Your AI-powered research companion. Transform content into
-              meaningful conversations.
-            </p>
+  const communityCourses = [
+    {
+      id: 1,
+      title: 'Introduction to AI',
+      author: 'Community',
+      participants: 1200,
+    },
+    {
+      id: 2,
+      title: 'Machine Learning Basics',
+      author: 'Community',
+      participants: 850,
+    },
+  ]
+
+  return (
+    <main className="min-h-screen bg-background">
+      <nav className="border-b">
+        <div className="container flex items-center justify-between py-4">
+          <Link href="/" className="flex items-center space-x-2">
+            <Image
+              src="/logo.png"
+              alt="OpenBookLM Logo"
+              width={32}
+              height={32}
+              className="h-8 w-8"
+            />
+            <span className="text-2xl font-bold bg-gradient-to-r from-blue-500 to-teal-500 bg-clip-text text-transparent">
+              OpenBookLM
+            </span>
+          </Link>
+          <div className="flex items-center space-x-4">
+            <Button variant="ghost" size="icon">
+              <Settings className="h-5 w-5" />
+            </Button>
           </div>
         </div>
       </div>