'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}
    </>
  )
}