import Image from "next/image";

export default function VideoSection() {
    return (
        <section className="bg-white mt-12">
            <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-3xl font-bold text-gray-900 mb-6 leading-tight">
                        Откройте мир морских прогулок
                    </h2>
                    <p className="text-lg text-gray-700 leading-relaxed">
                        Романтическая прогулка, отдых с семьёй, вечеринка
                        с друзьями, cпорт и развлечения, элитный отдых, девичник
                        & морская фотосессия.
                    </p>
                </div>

                {/* Правая колонка с изображением */}
                <div className="w-full lg:w-1/2 relative">
                    <div className="relative rounded-[40px] overflow-hidden">
                        <Image
                            src="/images/video/video1.jpg"
                            alt="Яхта SALVADOR на море"
                            width={800}
                            height={600}
                            className="w-full h-auto cursor-pointer"
                        />
                    </div>
                </div>
            </div>
        </section>
    );
}
