Skip to content

Commit b165143

Browse files
thill2323daniel-lxs
thill2323
authored and
daniel-lxs
committed
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
1 parent 287912c commit b165143

File tree

2 files changed

+119
-104
lines changed

2 files changed

+119
-104
lines changed

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

Lines changed: 113 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import { useState, useRef, useEffect } from "react"
44
import Link from "next/link"
55
import Image from "next/image"
66
import { ChevronDown } from "lucide-react"
7-
import { FaBluesky, FaDiscord, FaGithub, FaLinkedin, FaReddit, FaTiktok, FaXTwitter, FaYoutube } from "react-icons/fa6"
87
import { useTheme } from "next-themes"
98

109
import { EXTERNAL_LINKS, INTERNAL_LINKS } from "@/lib/constants"
@@ -41,79 +40,13 @@ export function Footer() {
4140
<p className="max-w-md text-sm leading-6 text-muted-foreground md:pr-16 lg:pr-32">
4241
Empowering developers to build better software faster with AI-powered tools and insights.
4342
</p>
44-
<div className="flex space-x-4">
45-
<a
46-
href={EXTERNAL_LINKS.GITHUB}
47-
target="_blank"
48-
rel="noopener noreferrer"
49-
className="text-muted-foreground transition-colors hover:text-foreground">
50-
<FaGithub className="h-6 w-6" />
51-
<span className="sr-only">GitHub</span>
52-
</a>
53-
<a
54-
href={EXTERNAL_LINKS.DISCORD}
55-
target="_blank"
56-
rel="noopener noreferrer"
57-
className="text-muted-foreground transition-colors hover:text-foreground">
58-
<FaDiscord className="h-6 w-6" />
59-
<span className="sr-only">Discord</span>
60-
</a>
61-
<a
62-
href={EXTERNAL_LINKS.REDDIT}
63-
target="_blank"
64-
rel="noopener noreferrer"
65-
className="text-muted-foreground transition-colors hover:text-foreground">
66-
<FaReddit className="h-6 w-6" />
67-
<span className="sr-only">Reddit</span>
68-
</a>
69-
<a
70-
href={EXTERNAL_LINKS.X}
71-
target="_blank"
72-
rel="noopener noreferrer"
73-
className="text-muted-foreground transition-colors hover:text-foreground">
74-
<FaXTwitter className="h-6 w-6" />
75-
<span className="sr-only">X</span>
76-
</a>
77-
<a
78-
href={EXTERNAL_LINKS.LINKEDIN}
79-
target="_blank"
80-
rel="noopener noreferrer"
81-
className="text-muted-foreground transition-colors hover:text-foreground">
82-
<FaLinkedin className="h-6 w-6" />
83-
<span className="sr-only">LinkedIn</span>
84-
</a>
85-
<a
86-
href={EXTERNAL_LINKS.BLUESKY}
87-
target="_blank"
88-
rel="noopener noreferrer"
89-
className="text-muted-foreground transition-colors hover:text-foreground">
90-
<FaBluesky className="h-6 w-6" />
91-
<span className="sr-only">Bluesky</span>
92-
</a>
93-
<a
94-
href={EXTERNAL_LINKS.TIKTOK}
95-
target="_blank"
96-
rel="noopener noreferrer"
97-
className="text-muted-foreground transition-colors hover:text-foreground">
98-
<FaTiktok className="h-6 w-6" />
99-
<span className="sr-only">TikTok</span>
100-
</a>
101-
<a
102-
href={EXTERNAL_LINKS.YOUTUBE}
103-
target="_blank"
104-
rel="noopener noreferrer"
105-
className="text-muted-foreground transition-colors hover:text-foreground">
106-
<FaYoutube className="h-6 w-6" />
107-
<span className="sr-only">YouTube</span>
108-
</a>
109-
</div>
11043

11144
{/* Made with Roo Code */}
11245
<a
11346
href="https://roocode.com"
11447
target="_blank"
11548
rel="noopener noreferrer"
116-
className="mt-8 inline-flex items-center space-x-2 group">
49+
className="inline-flex items-center space-x-2 group">
11750
<Image
11851
src={resolvedTheme === "light" ? "/RooCode-Badge-blk.svg" : "/RooCode-Badge-white.svg"}
11952
alt="Made with Roo Code"
@@ -145,19 +78,21 @@ export function Footer() {
14578
</li>
14679
<li>
14780
<a
148-
href={EXTERNAL_LINKS.SECURITY}
81+
href={EXTERNAL_LINKS.EVALS}
14982
target="_blank"
15083
rel="noopener noreferrer"
15184
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
152-
Security
85+
Evals
15386
</a>
15487
</li>
15588
<li>
156-
<ScrollButton
157-
targetId="testimonials"
89+
<a
90+
href={EXTERNAL_LINKS.SECURITY}
91+
target="_blank"
92+
rel="noopener noreferrer"
15893
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
159-
Testimonials
160-
</ScrollButton>
94+
Security
95+
</a>
16196
</li>
16297
<li>
16398
<a
@@ -182,13 +117,22 @@ export function Footer() {
182117
<div className="mt-10 md:mt-0">
183118
<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Resources</h3>
184119
<ul className="mt-6 space-y-4">
120+
<li>
121+
<a
122+
href={EXTERNAL_LINKS.FAQ}
123+
target="_blank"
124+
rel="noopener noreferrer"
125+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
126+
FAQ
127+
</a>
128+
</li>
185129
<li>
186130
<a
187131
href={EXTERNAL_LINKS.DOCUMENTATION}
188132
target="_blank"
189133
rel="noopener noreferrer"
190134
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
191-
Documentation
135+
Docs
192136
</a>
193137
</li>
194138
<li>
@@ -202,82 +146,70 @@ export function Footer() {
202146
</li>
203147
<li>
204148
<a
205-
href={EXTERNAL_LINKS.COMMUNITY}
149+
href={EXTERNAL_LINKS.ISSUES}
206150
target="_blank"
207151
rel="noopener noreferrer"
208152
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
209-
Community
153+
Issues
210154
</a>
211155
</li>
212156
<li>
213157
<a
214-
href={EXTERNAL_LINKS.DISCORD}
158+
href={EXTERNAL_LINKS.FEATURE_REQUESTS}
215159
target="_blank"
216160
rel="noopener noreferrer"
217161
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
218-
Discord
162+
Feature Requests
219163
</a>
220164
</li>
221165
<li>
222166
<a
223-
href={EXTERNAL_LINKS.REDDIT}
167+
href={EXTERNAL_LINKS.OFFICE_HOURS_PODCAST}
224168
target="_blank"
225169
rel="noopener noreferrer"
226170
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
227-
Reddit
171+
Office Hours Podcast
228172
</a>
229173
</li>
230174
</ul>
231175
</div>
232176
</div>
233177
<div className="md:grid md:grid-cols-2 md:gap-8">
234178
<div>
235-
<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Support</h3>
179+
<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Company</h3>
236180
<ul className="mt-6 space-y-4">
237181
<li>
238182
<a
239-
href={EXTERNAL_LINKS.ISSUES}
240-
target="_blank"
241-
rel="noopener noreferrer"
183+
href="mailto:[email protected]"
242184
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
243-
Issues
185+
Contact
244186
</a>
245187
</li>
246188
<li>
247189
<a
248-
href={EXTERNAL_LINKS.FEATURE_REQUESTS}
190+
href={EXTERNAL_LINKS.CAREERS}
249191
target="_blank"
250192
rel="noopener noreferrer"
251193
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
252-
Feature Requests
194+
Careers
253195
</a>
254196
</li>
255-
<li>
256-
<ScrollButton
257-
targetId="faq"
258-
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
259-
FAQ
260-
</ScrollButton>
261-
</li>
262-
</ul>
263-
</div>
264-
<div className="mt-10 md:mt-0">
265-
<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Company</h3>
266-
<ul className="mt-6 space-y-4">
267197
<li>
268198
<a
269-
href="mailto:[email protected]"
199+
href={EXTERNAL_LINKS.BLOG}
200+
target="_blank"
201+
rel="noopener noreferrer"
270202
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
271-
Contact
203+
Blog
272204
</a>
273205
</li>
274206
<li>
275207
<a
276-
href={EXTERNAL_LINKS.CAREERS}
208+
href={EXTERNAL_LINKS.TESTIMONIALS}
277209
target="_blank"
278210
rel="noopener noreferrer"
279211
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
280-
Careers
212+
Testimonials
281213
</a>
282214
</li>
283215
<li>
@@ -326,6 +258,83 @@ export function Footer() {
326258
</li>
327259
</ul>
328260
</div>
261+
<div className="mt-10 md:mt-0">
262+
<h3 className="text-sm font-semibold uppercase leading-6 text-foreground">Connect</h3>
263+
<ul className="mt-6 space-y-4">
264+
<li>
265+
<a
266+
href={EXTERNAL_LINKS.GITHUB}
267+
target="_blank"
268+
rel="noopener noreferrer"
269+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
270+
GitHub
271+
</a>
272+
</li>
273+
<li>
274+
<a
275+
href={EXTERNAL_LINKS.DISCORD}
276+
target="_blank"
277+
rel="noopener noreferrer"
278+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
279+
Discord
280+
</a>
281+
</li>
282+
<li>
283+
<a
284+
href={EXTERNAL_LINKS.REDDIT}
285+
target="_blank"
286+
rel="noopener noreferrer"
287+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
288+
Reddit
289+
</a>
290+
</li>
291+
<li>
292+
<a
293+
href={EXTERNAL_LINKS.X}
294+
target="_blank"
295+
rel="noopener noreferrer"
296+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
297+
X / Twitter
298+
</a>
299+
</li>
300+
<li>
301+
<a
302+
href={EXTERNAL_LINKS.LINKEDIN}
303+
target="_blank"
304+
rel="noopener noreferrer"
305+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
306+
LinkedIn
307+
</a>
308+
</li>
309+
<li>
310+
<a
311+
href={EXTERNAL_LINKS.BLUESKY}
312+
target="_blank"
313+
rel="noopener noreferrer"
314+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
315+
Bluesky
316+
</a>
317+
</li>
318+
<li>
319+
<a
320+
href={EXTERNAL_LINKS.TIKTOK}
321+
target="_blank"
322+
rel="noopener noreferrer"
323+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
324+
TikTok
325+
</a>
326+
</li>
327+
<li>
328+
<a
329+
href={EXTERNAL_LINKS.YOUTUBE}
330+
target="_blank"
331+
rel="noopener noreferrer"
332+
className="text-sm leading-6 text-muted-foreground transition-colors hover:text-foreground">
333+
YouTube
334+
</a>
335+
</li>
336+
</ul>
337+
</div>
329338
</div>
330339
</div>
331340
</div>

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
export const EXTERNAL_LINKS = {
22
GITHUB: "https://github.com/RooCodeInc/Roo-Code",
3+
GITHUB_DISCUSSIONS: "https://github.com/RooCodeInc/Roo-Code/discussions",
34
DISCORD: "https://discord.gg/roocode",
45
REDDIT: "https://reddit.com/r/RooCode",
56
X: "https://x.com/roo_code",
@@ -18,6 +19,11 @@ export const EXTERNAL_LINKS = {
1819
TUTORIALS: "https://docs.roocode.com/tutorial-videos",
1920
MARKETPLACE: "https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline",
2021
SECURITY: "https://trust.roocode.com",
22+
EVALS: "https://roocode.com/evals",
23+
BLOG: "https://blog.roocode.com",
24+
OFFICE_HOURS_PODCAST: "https://www.youtube.com/@RooCodeYT/podcasts",
25+
FAQ: "https://roocode.com/#faq",
26+
TESTIMONIALS: "https://roocode.com/#testimonials",
2127
}
2228

2329
export const INTERNAL_LINKS = {

0 commit comments

Comments
 (0)