docs/ update README

src/app/layout.tsx

@@ -16,9 +16,9 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Next.js Full-Stack Boilerplate",
+  title: "Agentic Coding Boilerplate",
   description:
-    "Complete Next.js starter template with authentication, database, AI integration, and modern tooling by Leon van Zyl",
+    "Complete agentic coding boilerplate with authentication, database, AI integration, and modern tooling - perfect for building AI-powered applications and autonomous agents by Leon van Zyl",
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -13,14 +13,33 @@ export default function Home() {
       <div className="max-w-4xl mx-auto text-center space-y-8">
         <div className="space-y-4">
           <h2 className="text-4xl font-bold tracking-tight">
-            Welcome to Your Next.js Boilerplate
+            Welcome to Your Agentic Coding Boilerplate
           </h2>
           <p className="text-xl text-muted-foreground">
-            A complete starter kit with authentication, database, AI
-            integration, and modern tooling
+            A complete agentic coding boilerplate with authentication, database, AI
+            integration, and modern tooling for building AI-powered applications
           </p>
         </div>
 
+        {/* YouTube Tutorial Video */}
+        <div className="space-y-4">
+          <h3 className="text-2xl font-semibold">📺 Video Tutorial</h3>
+          <p className="text-muted-foreground">
+            Watch the complete walkthrough of this agentic coding boilerplate:
+          </p>
+          <div className="relative w-full max-w-3xl mx-auto">
+            <div className="relative pb-[56.25%] h-0 overflow-hidden rounded-lg border">
+              <iframe
+                className="absolute top-0 left-0 w-full h-full"
+                src="https://www.youtube.com/embed/T0zFZsr_d0Q"
+                title="Agentic Coding Boilerplate Tutorial"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowFullScreen
+              />
+            </div>
+          </div>
+        </div>
+
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-12">
           <div className="p-6 border rounded-lg">
             <h3 className="font-semibold mb-2">🔐 Authentication</h3>

src/components/auth/sign-in-button.tsx

@@ -1,17 +1,17 @@
-"use client"
+"use client";
 
-import { signIn, useSession } from "@/lib/auth-client"
-import { Button } from "@/components/ui/button"
+import { signIn, useSession } from "@/lib/auth-client";
+import { Button } from "@/components/ui/button";
 
 export function SignInButton() {
-  const { data: session, isPending } = useSession()
+  const { data: session, isPending } = useSession();
 
   if (isPending) {
-    return <Button disabled>Loading...</Button>
+    return <Button disabled>Loading...</Button>;
   }
 
   if (session) {
-    return null
+    return null;
   }
 
   return (
@@ -20,10 +20,10 @@ export function SignInButton() {
         await signIn.social({
           provider: "google",
           callbackURL: "/dashboard",
-        })
+        });
       }}
     >
-      Sign in with Google
+      Sign in
     </Button>
-  )
-}
+  );
+}

src/components/site-footer.tsx

@@ -5,9 +5,9 @@ export function SiteFooter() {
     <footer className="border-t py-6 text-center text-sm text-muted-foreground">
       <div className="container mx-auto px-4">
         <div className="flex flex-col items-center space-y-3">
-          <GitHubStars repo="leonvanzyl/nextjs-better-auth-postgresql-starter-kit" />
+          <GitHubStars repo="leonvanzyl/agentic-coding-boilerplate" />
           <p>
-            Built using Boilerplate Template by{" "}
+            Built using Agentic Coding Boilerplate by{" "}
             <a
               href="https://youtube.com/@leonvanzyl"
               target="_blank"

src/components/site-header.tsx

@@ -11,7 +11,7 @@ export function SiteHeader() {
             href="/"
             className="bg-clip-text text-transparent [background-image:linear-gradient(90deg,color-mix(in_oklab,var(--primary)_85%,white_0%),color-mix(in_oklab,var(--primary)_50%,white_0%))] hover:opacity-90"
           >
-            Next.js Boilerplate
+            Agentic Coding Boilerplate
           </Link>
         </h1>
         <div className="flex items-center gap-4">

src/components/starter-prompt-modal.tsx

@@ -12,9 +12,9 @@ import {
 } from "@/components/ui/dialog";
 import { Copy, Check } from "lucide-react";
 
-const STARTER_PROMPT = `I'm working with a Next.js boilerplate project that includes authentication, database integration, and AI capabilities. Here's what's already set up:
+const STARTER_PROMPT = `I'm working with an agentic coding boilerplate project that includes authentication, database integration, and AI capabilities. Here's what's already set up:
 
-## Current Boilerplate Structure
+## Current Agentic Coding Boilerplate Structure
 - **Authentication**: Better Auth with Google OAuth integration
 - **Database**: Drizzle ORM with PostgreSQL setup  
 - **AI Integration**: Vercel AI SDK with OpenAI integration
@@ -25,7 +25,7 @@ const STARTER_PROMPT = `I'm working with a Next.js boilerplate project that incl
   - \`/chat\` - AI chat interface (requires OpenAI API key)
 
 ## Important Context
-This is a **boilerplate/starter template** - all existing pages and components are meant to be examples and should be **completely replaced** to build the actual application.
+This is an **agentic coding boilerplate/starter template** - all existing pages and components are meant to be examples and should be **completely replaced** to build the actual AI-powered application.
 
 ### CRITICAL: You MUST Override All Boilerplate Content
 **DO NOT keep any boilerplate components, text, or UI elements unless explicitly requested.** This includes: