37 lines
967 B
TypeScript
37 lines
967 B
TypeScript
"use client";
|
|
|
|
import Image from "next/image";
|
|
import { Play } from "lucide-react";
|
|
import VideoMeta from "./video-meta";
|
|
|
|
export default function VideoPlayerSection() {
|
|
return (
|
|
<div>
|
|
{/* VIDEO THUMB */}
|
|
<div className="relative w-full h-[250px] md:h-[450px] rounded-xl overflow-hidden bg-black">
|
|
<Image
|
|
src="/image/bharatu.jpg"
|
|
alt="video"
|
|
fill
|
|
className="object-cover opacity-90"
|
|
/>
|
|
|
|
{/* Play Button */}
|
|
<div className="absolute inset-0 flex items-center justify-center">
|
|
<div className="bg-white/90 rounded-full p-4 shadow-lg">
|
|
<Play size={28} className="text-black ml-1" />
|
|
</div>
|
|
</div>
|
|
|
|
{/* Duration */}
|
|
<div className="absolute bottom-3 left-3 text-xs text-white bg-black/70 px-2 py-1 rounded">
|
|
1:58 / 3:00
|
|
</div>
|
|
</div>
|
|
|
|
{/* META & CONTENT */}
|
|
<VideoMeta />
|
|
</div>
|
|
);
|
|
}
|