From b1651437681d1472a7cc27ea8f8cef64f2ee1815 Mon Sep 17 00:00:00 2001
From: thill2323 <hill.teresa.e@gmail.com>
Date: Tue, 22 Jul 2025 16:16:18 -0400
Subject: [PATCH] feat: add Office Hours Podcast, FAQ, and Testimonials links
 to footer

- Added OFFICE_HOURS_PODCAST, FAQ, and TESTIMONIALS to EXTERNAL_LINKS constants
- Updated footer Resources section with Office Hours Podcast link
- Updated footer Company section with Testimonials link
- Added FAQ link to Resources section
- Improved footer organization and link structure
- Removed unused React icon imports
---
 .../src/components/chromes/footer.tsx         | 239 +++++++++---------
 apps/web-roo-code/src/lib/constants.ts        |   6 +
 2 files changed, 130 insertions(+), 115 deletions(-)

diff --git a/apps/web-roo-code/src/components/chromes/footer.tsx b/apps/web-roo-code/src/components/chromes/footer.tsx
index f447c1c84a..b6a17cebe5 100644
--- a/apps/web-roo-code/src/components/chromes/footer.tsx
+++ b/apps/web-roo-code/src/components/chromes/footer.tsx
@@ -4,7 +4,6 @@ import { useState, useRef, useEffect } from "react"
 import Link from "next/link"
 import Image from "next/image"
 import { ChevronDown } from "lucide-react"
-import { FaBluesky, FaDiscord, FaGithub, FaLinkedin, FaReddit, FaTiktok, FaXTwitter, FaYoutube } from "react-icons/fa6"
 import { useTheme } from "next-themes"
 
 import { EXTERNAL_LINKS, INTERNAL_LINKS } from "@/lib/constants"
@@ -41,79 +40,13 @@ export function Footer() {
 						<p className="max-w-md text-sm leading-6 text-muted-foreground md:pr-16 lg:pr-32">
 							Empowering developers to build better software faster with AI-powered tools and insights.
 						</p>
-						<div className="flex space-x-4">
-							<a
-								href={EXTERNAL_LINKS.GITHUB}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaGithub className="h-6 w-6" />
-								<span className="sr-only">GitHub</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.DISCORD}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaDiscord className="h-6 w-6" />
-								<span className="sr-only">Discord</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.REDDIT}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaReddit className="h-6 w-6" />
-								<span className="sr-only">Reddit</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.X}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaXTwitter className="h-6 w-6" />
-								<span className="sr-only">X</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.LINKEDIN}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaLinkedin className="h-6 w-6" />
-								<span className="sr-only">LinkedIn</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.BLUESKY}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaBluesky className="h-6 w-6" />
-								<span className="sr-only">Bluesky</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.TIKTOK}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaTiktok className="h-6 w-6" />
-								<span className="sr-only">TikTok</span>
-							</a>
-							<a
-								href={EXTERNAL_LINKS.YOUTUBE}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaYoutube className="h-6 w-6" />
-								<span className="sr-only">YouTube</span>
-							</a>
-						</div>
 
 						{/* Made with Roo Code */}
 						<a
 							href="https://roocode.com"
 							target="_blank"
 							rel="noopener noreferrer"
-							className="mt-8 inline-flex items-center space-x-2 group">
+							className="inline-flex items-center space-x-2 group">
 							<Image
 								src={resolvedTheme === "light" ? "/RooCode-Badge-blk.svg" : "/RooCode-Badge-white.svg"}
 								alt="Made with Roo Code"
@@ -143,6 +76,15 @@ export function Footer() {
 											Enterprise
 										</Link>
 									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.EVALS}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Evals
+										</a>
+									</li>
 									<li>
 										<a
 											href={EXTERNAL_LINKS.SECURITY}
@@ -152,13 +94,6 @@ export function Footer() {
 											Security
 										</a>
 									</li>
-									<li>
-										<ScrollButton
-											targetId="testimonials"
-											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											Testimonials
-										</ScrollButton>
-									</li>
 									<li>
 										<a
 											href={EXTERNAL_LINKS.INTEGRATIONS}
@@ -182,13 +117,22 @@ 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>
+										<a
+											href={EXTERNAL_LINKS.FAQ}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											FAQ
+										</a>
+									</li>
 									<li>
 										<a
 											href={EXTERNAL_LINKS.DOCUMENTATION}
 											target="_blank"
 											rel="noopener noreferrer"
 											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											Documentation
+											Docs
 										</a>
 									</li>
 									<li>
@@ -200,40 +144,6 @@ export function Footer() {
 											Tutorials
 										</a>
 									</li>
-									<li>
-										<a
-											href={EXTERNAL_LINKS.COMMUNITY}
-											target="_blank"
-											rel="noopener noreferrer"
-											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											Community
-										</a>
-									</li>
-									<li>
-										<a
-											href={EXTERNAL_LINKS.DISCORD}
-											target="_blank"
-											rel="noopener noreferrer"
-											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											Discord
-										</a>
-									</li>
-									<li>
-										<a
-											href={EXTERNAL_LINKS.REDDIT}
-											target="_blank"
-											rel="noopener noreferrer"
-											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											Reddit
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-						<div className="md:grid md:grid-cols-2 md:gap-8">
-							<div>
-								<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Support</h3>
-								<ul className="mt-6 space-y-4">
 									<li>
 										<a
 											href={EXTERNAL_LINKS.ISSUES}
@@ -253,15 +163,19 @@ export function Footer() {
 										</a>
 									</li>
 									<li>
-										<ScrollButton
-											targetId="faq"
+										<a
+											href={EXTERNAL_LINKS.OFFICE_HOURS_PODCAST}
+											target="_blank"
+											rel="noopener noreferrer"
 											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
-											FAQ
-										</ScrollButton>
+											Office Hours Podcast
+										</a>
 									</li>
 								</ul>
 							</div>
-							<div className="mt-10 md:mt-0">
+						</div>
+						<div className="md:grid md:grid-cols-2 md:gap-8">
+							<div>
 								<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Company</h3>
 								<ul className="mt-6 space-y-4">
 									<li>
@@ -280,6 +194,24 @@ export function Footer() {
 											Careers
 										</a>
 									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.BLOG}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Blog
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.TESTIMONIALS}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Testimonials
+										</a>
+									</li>
 									<li>
 										<Link
 											href="/terms"
@@ -326,6 +258,83 @@ export function Footer() {
 									</li>
 								</ul>
 							</div>
+							<div className="mt-10 md:mt-0">
+								<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Connect</h3>
+								<ul className="mt-6 space-y-4">
+									<li>
+										<a
+											href={EXTERNAL_LINKS.GITHUB}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											GitHub
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.DISCORD}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Discord
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.REDDIT}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Reddit
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.X}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											X / Twitter
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.LINKEDIN}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											LinkedIn
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.BLUESKY}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											Bluesky
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.TIKTOK}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											TikTok
+										</a>
+									</li>
+									<li>
+										<a
+											href={EXTERNAL_LINKS.YOUTUBE}
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
+											YouTube
+										</a>
+									</li>
+								</ul>
+							</div>
 						</div>
 					</div>
 				</div>
diff --git a/apps/web-roo-code/src/lib/constants.ts b/apps/web-roo-code/src/lib/constants.ts
index 9f769e2967..50898978ce 100644
--- a/apps/web-roo-code/src/lib/constants.ts
+++ b/apps/web-roo-code/src/lib/constants.ts
@@ -1,5 +1,6 @@
 export const EXTERNAL_LINKS = {
 	GITHUB: "https://github.com/RooCodeInc/Roo-Code",
+	GITHUB_DISCUSSIONS: "https://github.com/RooCodeInc/Roo-Code/discussions",
 	DISCORD: "https://discord.gg/roocode",
 	REDDIT: "https://reddit.com/r/RooCode",
 	X: "https://x.com/roo_code",
@@ -18,6 +19,11 @@ export const EXTERNAL_LINKS = {
 	TUTORIALS: "https://docs.roocode.com/tutorial-videos",
 	MARKETPLACE: "https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline",
 	SECURITY: "https://trust.roocode.com",
+	EVALS: "https://roocode.com/evals",
+	BLOG: "https://blog.roocode.com",
+	OFFICE_HOURS_PODCAST: "https://www.youtube.com/@RooCodeYT/podcasts",
+	FAQ: "https://roocode.com/#faq",
+	TESTIMONIALS: "https://roocode.com/#testimonials",
 }
 
 export const INTERNAL_LINKS = {