Skip to content

Commit 6c1e06e

Browse files
committed
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.
1 parent d2bdc29 commit 6c1e06e

File tree

3 files changed

+40
-18
lines changed

3 files changed

+40
-18
lines changed

docs/.vitepress/config.ts

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { defineConfig } from 'vitepress'
22

33
export default defineConfig({
4-
title: 'React Hooks Notes',
5-
description: 'Concise notes + runnable examples (Vite + VitePress)',
4+
title: 'React Hooks by AKG',
5+
description: 'Complete React Hooks learning resource by AKG - Concise notes + runnable examples',
66
lang: 'en-US',
77
lastUpdated: true,
88
cleanUrls: true,
@@ -14,21 +14,21 @@ export default defineConfig({
1414
['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png', sizes: '180x180' }],
1515

1616
// Enhanced SEO meta tags
17-
['meta', { name: 'keywords', content: 'React, Hooks, useState, useEffect, JavaScript, TypeScript, Frontend, Web Development, Tutorial' }],
18-
['meta', { name: 'author', content: 'Ayush Gupta' }],
17+
['meta', { name: 'keywords', content: 'React, Hooks, useState, useEffect, JavaScript, TypeScript, Frontend, Web Development, Tutorial, AKG' }],
18+
['meta', { name: 'author', content: 'AKG (Ayush Gupta)' }],
1919
['meta', { name: 'theme-color', content: '#646cff' }],
2020

2121
// Open Graph / Social Media
22-
['meta', { property: 'og:title', content: 'React Hooks Notes - Complete Learning Resource' }],
23-
['meta', { property: 'og:description', content: 'Master React Hooks with concise notes, practical examples, and interactive demos. Perfect for interviews and learning.' }],
22+
['meta', { property: 'og:title', content: 'React Hooks by AKG - Complete Learning Resource' }],
23+
['meta', { property: 'og:description', content: 'Master React Hooks with AKG\'s comprehensive notes, practical examples, and interactive demos. Perfect for interviews and learning.' }],
2424
['meta', { property: 'og:type', content: 'website' }],
2525
['meta', { property: 'og:url', content: 'https://ayush-gupta07.github.io/react-hooks/' }],
2626
['meta', { property: 'og:image', content: 'https://ayush-gupta07.github.io/react-hooks/og-image.png' }],
2727

2828
// Twitter Card
2929
['meta', { name: 'twitter:card', content: 'summary_large_image' }],
30-
['meta', { name: 'twitter:title', content: 'React Hooks Notes' }],
31-
['meta', { name: 'twitter:description', content: 'Master React Hooks with practical examples and concise notes' }],
30+
['meta', { name: 'twitter:title', content: 'React Hooks by AKG' }],
31+
['meta', { name: 'twitter:description', content: 'Master React Hooks with AKG\'s practical examples and concise notes' }],
3232
['meta', { name: 'twitter:image', content: 'https://ayush-gupta07.github.io/react-hooks/twitter-image.png' }],
3333

3434
// Performance and PWA hints
@@ -40,13 +40,13 @@ export default defineConfig({
4040
],
4141

4242
themeConfig: {
43-
logo: { src: '/logo.svg', alt: 'React Hooks', width: 24, height: 24 },
44-
siteTitle: 'React Hooks Notes',
43+
logo: { src: '/logo.svg', alt: 'React Hooks by AKG', width: 24, height: 24 },
44+
siteTitle: 'React Hooks by AKG',
4545

4646
nav: [
4747
{ text: 'Home', link: '/' },
4848
{ text: 'Hooks Guide', link: '/hooks/' },
49-
{ text: 'GitHub', link: 'https://github.com/ayush-gupta07' }
49+
{ text: 'AKG', link: 'https://github.com/ayush-gupta07' }
5050
],
5151

5252
socialLinks: [
@@ -120,8 +120,8 @@ export default defineConfig({
120120

121121
// Enhanced footer
122122
footer: {
123-
message: 'Made with ❤️ using VitePress • Learn React Hooks with confidence',
124-
copyright: '© 2025 Ayush Gupta • Open source learning resource'
123+
message: 'Made with ❤️ by AKG using VitePress • Learn React Hooks with confidence',
124+
copyright: '© 2025 AKG (Ayush Kumar Gupta) • Open source learning resource'
125125
},
126126

127127
// Edit link configuration

docs/.vitepress/theme/custom.css

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,12 @@
4141
--space-lg: 1.5rem;
4242
--space-xl: 2rem;
4343
--space-2xl: 3rem;
44+
45+
/* AKG Personal Branding */
46+
--akg-primary: #646cff;
47+
--akg-secondary: #747bff;
48+
--akg-accent: #535bf2;
49+
--akg-gradient: linear-gradient(135deg, var(--akg-primary) 0%, var(--akg-secondary) 50%, var(--akg-accent) 100%);
4450
}
4551

4652
/* Dark Mode */
@@ -71,10 +77,11 @@
7177
}
7278

7379
.VPHome .VPHero .text {
74-
background: linear-gradient(135deg, var(--vp-c-text-1) 0%, var(--vp-c-text-2) 100%);
80+
background: linear-gradient(135deg, var(--vp-c-brand-1) 0%, var(--vp-c-brand-2) 100%);
7581
-webkit-background-clip: text;
7682
-webkit-text-fill-color: transparent;
7783
background-clip: text;
84+
font-weight: 500;
7885
}
7986

8087
.VPHome .VPHero .tagline {
@@ -436,4 +443,19 @@ html {
436443
.VPSidebar {
437444
scrollbar-width: thin;
438445
scrollbar-color: var(--card-border) var(--vp-c-bg-alt);
446+
}
447+
448+
/* AKG Personal Branding */
449+
.VPNav .VPNavBarTitle .title {
450+
font-weight: 600;
451+
}
452+
453+
/* AKG Badge/Watermark (subtle) */
454+
.akg-brand {
455+
font-family: var(--vp-font-family-mono);
456+
font-weight: 600;
457+
font-size: 0.75rem;
458+
letter-spacing: 0.1em;
459+
color: var(--vp-c-brand-1);
460+
opacity: 0.7;
439461
}

docs/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: home
3-
title: React Hooks Notes
3+
title: React Hooks by AKG
44
hero:
55
name: React Hooks
6-
text: "Master Every Hook"
7-
tagline: "From basics to advanced patterns • Interactive examples • Interview-ready notes"
6+
text: "by AKG"
7+
tagline: "Master every React Hook • From basics to advanced patterns • Interactive examples • Interview-ready notes"
88
image:
99
src: /logo.svg
10-
alt: React Hooks
10+
alt: React Hooks by AKG
1111
actions:
1212
- theme: brand
1313
text: Start Learning →

0 commit comments

Comments
 (0)