tyndale-ai-frontend/src/components/landing/LandingNavigation.tsx

29 lines
978 B
TypeScript

import { Link } from 'react-router-dom'
import { Button } from '@/components/ui/button'
const LandingNavigation = () => {
return (
<nav className="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md border-b border-gray-200">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex items-center justify-between h-16">
<Link to="/" className="flex items-center space-x-2">
<span className="text-2xl font-display font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
Woolnoth, LLC
</span>
</Link>
<div className="flex items-center space-x-6">
<Link to="/chat">
<Button className="bg-violet-500 hover:bg-violet-600 text-white rounded-xl">
Start
</Button>
</Link>
</div>
</div>
</div>
</nav>
)
}
export default LandingNavigation