@@ -4,11 +4,14 @@ import { AnimatePresence, motion } from 'framer-motion'
44import {
55 ChevronDown ,
66} from 'lucide-react'
7+ import Image from 'next/image'
8+ import Link from 'next/link'
79import { useState } from 'react'
810
911import { BackgroundBeams } from '@/components/background-beams'
1012import { CopyButton } from '@/components/copy-button'
1113import { HeroGrid } from '@/components/hero-grid'
14+ import { Icons } from '@/components/icons'
1215import { cn } from '@/lib/utils'
1316
1417const INSTALL_COMMAND = 'npm install -g freebuff'
@@ -187,8 +190,8 @@ function FAQList() {
187190}
188191
189192const PHILOSOPHY_WORDS = [
190- { word : 'FAST' , description : '3× the speed of Claude Code' } ,
191193 { word : 'SIMPLE' , description : 'No modes. No config. Just code.' } ,
194+ { word : 'FAST' , description : 'Up to 3× the speed of Claude Code' } ,
192195 { word : 'LOADED' , description : 'Web research, browser use, and more — built in' } ,
193196]
194197
@@ -218,6 +221,42 @@ export default function HomeClient() {
218221 < HeroGrid />
219222 < BackgroundBeams />
220223
224+ { /* Inline nav overlay */ }
225+ < motion . div
226+ initial = { { opacity : 0 , y : - 10 } }
227+ animate = { { opacity : 1 , y : 0 } }
228+ transition = { { duration : 0.5 , delay : 0.1 } }
229+ className = "absolute top-0 left-0 right-0 z-20 container mx-auto px-4 py-4 flex justify-between items-center"
230+ >
231+ < Link
232+ href = "/"
233+ className = "flex items-center space-x-2 group transition-all duration-300 hover:scale-105"
234+ >
235+ < Image
236+ src = "/logo-icon.png"
237+ alt = "Freebuff"
238+ width = { 28 }
239+ height = { 28 }
240+ className = "rounded-sm transition-all duration-300 group-hover:brightness-110"
241+ />
242+ < span className = "text-xl tracking-widest font-serif text-white" >
243+ freebuff
244+ </ span >
245+ </ Link >
246+
247+ < nav className = "flex items-center space-x-1" >
248+ < Link
249+ href = "https://github.com/CodebuffAI/codebuff"
250+ target = "_blank"
251+ rel = "noopener noreferrer"
252+ className = "relative font-medium px-3 py-2 rounded-md transition-all duration-200 hover:bg-white/10 text-zinc-400 hover:text-white flex items-center gap-2 text-sm"
253+ >
254+ < Icons . github className = "h-4 w-4" />
255+ < span className = "hidden sm:inline" > GitHub</ span >
256+ </ Link >
257+ </ nav >
258+ </ motion . div >
259+
221260 { /* Hero content */ }
222261 < div className = "relative z-10 container mx-auto px-4 pt-20 pb-12 text-center" >
223262 { /* Headline with staggered word animation */ }
0 commit comments