Update site branding to 'React Hooks by AKG'

Rebranded the documentation site from 'React Hooks Notes' to 'React Hooks by AKG' across config, meta tags, navigation, footer, and homepage. Added AKG personal branding colors and styles in custom CSS for a more personalized appearance.

Author: ayush-gupta07

docs/.vitepress/config.ts

@@ -1,8 +1,8 @@
 import { defineConfig } from 'vitepress'
 
 export default defineConfig({
-  title: 'React Hooks Notes',
-  description: 'Concise notes + runnable examples (Vite + VitePress)',
+  title: 'React Hooks by AKG',
+  description: 'Complete React Hooks learning resource by AKG - Concise notes + runnable examples',
   lang: 'en-US',
   lastUpdated: true,
   cleanUrls: true,
@@ -14,21 +14,21 @@ export default defineConfig({
     ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png', sizes: '180x180' }],
 
     // Enhanced SEO meta tags
-    ['meta', { name: 'keywords', content: 'React, Hooks, useState, useEffect, JavaScript, TypeScript, Frontend, Web Development, Tutorial' }],
-    ['meta', { name: 'author', content: 'Ayush Gupta' }],
+    ['meta', { name: 'keywords', content: 'React, Hooks, useState, useEffect, JavaScript, TypeScript, Frontend, Web Development, Tutorial, AKG' }],
+    ['meta', { name: 'author', content: 'AKG (Ayush Gupta)' }],
     ['meta', { name: 'theme-color', content: '#646cff' }],
 
     // Open Graph / Social Media
-    ['meta', { property: 'og:title', content: 'React Hooks Notes - Complete Learning Resource' }],
-    ['meta', { property: 'og:description', content: 'Master React Hooks with concise notes, practical examples, and interactive demos. Perfect for interviews and learning.' }],
+    ['meta', { property: 'og:title', content: 'React Hooks by AKG - Complete Learning Resource' }],
+    ['meta', { property: 'og:description', content: 'Master React Hooks with AKG\'s comprehensive notes, practical examples, and interactive demos. Perfect for interviews and learning.' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:url', content: 'https://ayush-gupta07.github.io/react-hooks/' }],
     ['meta', { property: 'og:image', content: 'https://ayush-gupta07.github.io/react-hooks/og-image.png' }],
 
     // Twitter Card
     ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
-    ['meta', { name: 'twitter:title', content: 'React Hooks Notes' }],
-    ['meta', { name: 'twitter:description', content: 'Master React Hooks with practical examples and concise notes' }],
+    ['meta', { name: 'twitter:title', content: 'React Hooks by AKG' }],
+    ['meta', { name: 'twitter:description', content: 'Master React Hooks with AKG\'s practical examples and concise notes' }],
     ['meta', { name: 'twitter:image', content: 'https://ayush-gupta07.github.io/react-hooks/twitter-image.png' }],
 
     // Performance and PWA hints
@@ -40,13 +40,13 @@ export default defineConfig({
   ],
 
   themeConfig: {
-    logo: { src: '/logo.svg', alt: 'React Hooks', width: 24, height: 24 }, 
-    siteTitle: 'React Hooks Notes',
+    logo: { src: '/logo.svg', alt: 'React Hooks by AKG', width: 24, height: 24 }, 
+    siteTitle: 'React Hooks by AKG',
 
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Hooks Guide', link: '/hooks/' },
-      { text: 'GitHub', link: 'https://github.com/ayush-gupta07' }
+      { text: 'AKG', link: 'https://github.com/ayush-gupta07' }
     ],
 
     socialLinks: [
@@ -120,8 +120,8 @@ export default defineConfig({
 
     // Enhanced footer
     footer: {
-      message: 'Made with ❤️ using VitePress • Learn React Hooks with confidence',
-      copyright: '© 2025 Ayush Gupta • Open source learning resource'
+      message: 'Made with ❤️ by AKG using VitePress • Learn React Hooks with confidence',
+      copyright: '© 2025 AKG (Ayush Kumar Gupta) • Open source learning resource'
     },
 
     // Edit link configuration

docs/.vitepress/theme/custom.css

@@ -41,6 +41,12 @@
   --space-lg: 1.5rem;
   --space-xl: 2rem;
   --space-2xl: 3rem;
+
+  /* AKG Personal Branding */
+  --akg-primary: #646cff;
+  --akg-secondary: #747bff;
+  --akg-accent: #535bf2;
+  --akg-gradient: linear-gradient(135deg, var(--akg-primary) 0%, var(--akg-secondary) 50%, var(--akg-accent) 100%);
 }
 
 /* Dark Mode */
@@ -71,10 +77,11 @@
 }
 
 .VPHome .VPHero .text {
-  background: linear-gradient(135deg, var(--vp-c-text-1) 0%, var(--vp-c-text-2) 100%);
+  background: linear-gradient(135deg, var(--vp-c-brand-1) 0%, var(--vp-c-brand-2) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
+  font-weight: 500;
 }
 
 .VPHome .VPHero .tagline {
@@ -436,4 +443,19 @@ html {
 .VPSidebar {
   scrollbar-width: thin;
   scrollbar-color: var(--card-border) var(--vp-c-bg-alt);
+}
+
+/* AKG Personal Branding */
+.VPNav .VPNavBarTitle .title {
+  font-weight: 600;
+}
+
+/* AKG Badge/Watermark (subtle) */
+.akg-brand {
+  font-family: var(--vp-font-family-mono);
+  font-weight: 600;
+  font-size: 0.75rem;
+  letter-spacing: 0.1em;
+  color: var(--vp-c-brand-1);
+  opacity: 0.7;
 }

docs/index.md

@@ -1,13 +1,13 @@
 ---
 layout: home
-title: React Hooks Notes
+title: React Hooks by AKG
 hero:
   name: React Hooks
-  text: "Master Every Hook"
-  tagline: "From basics to advanced patterns • Interactive examples • Interview-ready notes"
+  text: "by AKG"
+  tagline: "Master every React Hook • From basics to advanced patterns • Interactive examples • Interview-ready notes"
   image:
     src: /logo.svg
-    alt: React Hooks
+    alt: React Hooks by AKG
   actions:
     - theme: brand
       text: Start Learning →