48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
'use client'
|
||
|
||
import { ReactNode } from 'react'
|
||
import Link from 'next/link'
|
||
|
||
interface LandingLayoutProps {
|
||
children: ReactNode
|
||
}
|
||
|
||
export default function LandingLayout({ children }: LandingLayoutProps) {
|
||
return (
|
||
<>
|
||
<header className="absolute top-0 left-0 right-0 z-50">
|
||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div className="flex justify-between items-center h-20">
|
||
<div className="flex items-center">
|
||
<Link href="/" className="text-2xl font-bold text-white">
|
||
HR AI
|
||
</Link>
|
||
</div>
|
||
<nav className="hidden md:flex items-center space-x-8">
|
||
<a
|
||
href="#features"
|
||
className="text-white/80 hover:text-white transition-colors text-sm font-medium"
|
||
>
|
||
Возможности
|
||
</a>
|
||
<a
|
||
href="#how-it-works"
|
||
className="text-white/80 hover:text-white transition-colors text-sm font-medium"
|
||
>
|
||
Как это работает
|
||
</a>
|
||
<a
|
||
href="#contact"
|
||
className="text-white/80 hover:text-white transition-colors text-sm font-medium"
|
||
>
|
||
Контакты
|
||
</a>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
{children}
|
||
</>
|
||
)
|
||
}
|