feat(blog): add Blog link to nav/footer and Substack to Connect

- Add SUBSTACK link to constants.ts
- Add Blog link to desktop nav Resources dropdown
- Add Blog link to mobile nav Resources section
- Add Blog link to footer Resources section
- Add Substack link to footer Connect section

MKT-72

Author: roomote

apps/web-roo-code/src/components/chromes/footer.tsx

@@ -162,6 +162,13 @@ export function Footer() {
 							<div className="mt-10 md:mt-0">
 								<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Resources</h3>
 								<ul className="mt-6 space-y-4">
+									<li>
+										<Link
+											href="/blog"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Blog
+										</Link>
+									</li>
 									<li>
 										<a
 											href={EXTERNAL_LINKS.EVALS}
@@ -374,6 +381,15 @@ export function Footer() {
 											YouTube
 										</a>
 									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.SUBSTACK}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Substack
+										</a>
+									</li>
 								</ul>
 							</div>
 						</div>

apps/web-roo-code/src/components/chromes/nav-bar.tsx

@@ -76,6 +76,11 @@ export function NavBar({ stars, downloads }: NavBarProps) {
 						</button>
 						{/* Dropdown Menu */}
 						<div className="absolute left-0 top-12 mt-2 w-40 rounded-md border border-border bg-background py-1 shadow-lg opacity-0 -translate-y-2 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto transition-all duration-200">
+							<Link
+								href="/blog"
+								className="block px-4 py-2 text-sm transition-colors hover:bg-accent hover:text-foreground">
+								Blog
+							</Link>
 							<Link
 								href="/evals"
 								className="block px-4 py-2 text-sm transition-colors hover:bg-accent hover:text-foreground">
@@ -215,6 +220,12 @@ export function NavBar({ stars, downloads }: NavBarProps) {
 							<div className="px-5 pb-2 pt-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
 								Resources
 							</div>
+							<Link
+								href="/blog"
+								className="block w-full p-5 py-3 text-left text-foreground active:opacity-50"
+								onClick={() => setIsMenuOpen(false)}>
+								Blog
+							</Link>
 							<ScrollButton
 								targetId="faq"
 								className="block w-full p-5 py-3 text-left text-foreground active:opacity-50"

apps/web-roo-code/src/lib/constants.ts

@@ -22,6 +22,7 @@ export const EXTERNAL_LINKS = {
 	SECURITY: "https://trust.roocode.com",
 	EVALS: "https://roocode.com/evals",
 	BLOG: "https://blog.roocode.com",
+	SUBSTACK: "https://roocode.substack.com",
 	OFFICE_HOURS_PODCAST: "https://www.youtube.com/@RooCodeYT/podcasts",
 	FAQ: "https://roocode.com/#faq",
 	TESTIMONIALS: "https://roocode.com/#testimonials",