final touch , added few styles

.env-example

@@ -0,0 +1,25 @@
+# This was inserted by `prisma init`:
+# Environment variables declared in this file are automatically made available to Prisma.
+# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
+
+# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
+# See the documentation for all the connection string options: https://pris.ly/d/connection-strings
+
+DATABASE_URL= "your dabase url"  --> change password and add database name
+
+
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY= your clerk publishable key
+CLERK_SECRET_KEY= your clerk secret key
+
+
+NEXT_PUBLIC_CLERK_SIGN_IN_URL =/sign-in
+
+NEXT_PUBLIC_CLERK_SIGN_OUT_URL =/sign-out
+
+NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL =/notes
+
+NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL =/notes
+
+OPENAI_API_KEY= your openai api key
+
+PINECONE_API_KEY= your pincode api key 

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "postinstall": "prisma generate"
   },
   "dependencies": {
     "@clerk/nextjs": "^4.26.1",

src/app/layout.tsx

@@ -7,7 +7,7 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "FlowBrain",
+  title: "IntelliNote",
   description: "The intelligent note-taking app",
 };
 

src/app/notes/NavBar.tsx

@@ -23,8 +23,8 @@ export default function NavBar() {
       <div className="p-4 shadow">
         <div className="m-auto flex max-w-7xl flex-wrap items-center justify-between gap-3">
           <Link href="/notes" className="flex items-center gap-1">
-            <Image src={logo} alt="FlowBrain logo" width={40} height={40} />
-            <span className="font-bold">FlowBrain</span>
+            <Image src={logo} alt="IntelliNote logo" width={40} height={40} />
+            <span className="font-bold">IntelliNote</span>
           </Link>
           <div className="flex items-center gap-2">
             <UserButton

src/app/notes/page.tsx

@@ -4,7 +4,7 @@ import { auth } from "@clerk/nextjs";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "FlowBrain - Notes",
+  title: "IntelliNote - Notes",
 };
 
 export default async function NotesPage() {

src/app/page.tsx

@@ -13,9 +13,9 @@ export default function Home() {
   return (
     <main className="flex h-screen flex-col items-center justify-center gap-5">
       <div className="flex items-center gap-4">
-        <Image src={logo} alt="FlowBrain logo" width={100} height={100} />
+        <Image src={logo} alt="IntelliNote logo" width={100} height={100} />
         <span className="text-4xl font-extrabold tracking-tight lg:text-5xl">
-          FlowBrain
+        IntelliNote
         </span>
       </div>
       <p className="max-w-prose text-center">

src/app/sign-in/[[...sign-in]]/page.tsx

@@ -2,7 +2,7 @@ import { SignIn } from "@clerk/nextjs";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "FlowBrain - Sign In",
+  title: "IntelliNote - Sign In",
 };
 
 export default function SignInPage() {

src/app/sign-up/[[...sign-up]]/page.tsx

@@ -2,7 +2,7 @@ import { SignUp } from "@clerk/nextjs";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "FlowBrain - Sign Up",
+  title: "IntelliNote - Sign Up",
 };
 
 export default function SignUpPage() {