import Image from 'next/image'

export default function VideoSection() {
  return (
    <section className="bg-white py-16">
      <div className="container max-w-6xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
        {/* Левая колонка с текстом */}
        <div className="lg:w-1/2">
          <h2 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 leading-tight">
            Откройте мир морских прогулок
          </h2>
          <p className="text-lg text-gray-700 leading-relaxed">
            Романтическая прогулка, отдых с семьей, вечеринка с друзьями, спорт и развлечения, элитный отдых, девичник & морская фотосессия.
          </p>
        </div>
        
        {/* Правая колонка с изображением */}
        <div className="lg:w-1/2 relative">
          <div className="relative rounded-2xl overflow-hidden shadow-2xl">
            <Image 
              src="/images/yacht.jpg" 
              alt="Яхта SALVADOR на море" 
              width={800}
              height={600}
              className="w-full h-auto"
            />
            {/* Кнопка воспроизведения */}
            <div className="absolute inset-0 flex items-center justify-center">
              <button className="w-20 h-20 bg-gray-800 bg-opacity-80 hover:bg-opacity-90 rounded-full flex items-center justify-center transition-all duration-300 hover:scale-110">
                <svg 
                  className="w-8 h-8 text-white ml-1" 
                  fill="currentColor" 
                  viewBox="0 0 24 24"
                >
                  <path d="M8 5v14l11-7z"/>
                </svg>
              </button>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}