<!-- Action Buttons --> <div class="flex flex-wrap gap-3"> <button class="shiny-button px-6 py-3 font-medium hover:opacity-90 transition-opacity"> <iconify-icon icon="lucide:download" class="mr-2"></iconify-icon> Download Video </button> <button class="px-6 py-3 bg-white/5 border border-white/10 rounded-xl hover:bg-white/10 transition-all flex items-center gap-2"> <iconify-icon icon="lucide:share-2"></iconify-icon> Share </button> <button class="px-6 py-3 bg-white/5 border border-white/10 rounded-xl hover:bg-white/10 transition-all flex items-center gap-2"> <iconify-icon icon="lucide:bookmark"></iconify-icon> Save </button> </div> </div> Tomas Taveira A Foder Catarina Furtado Video Free - 3.79.94.248
<!-- Main Content --> <div class="grid lg:grid-cols-3 gap-6"> <!-- Video Player Section --> <div class="lg:col-span-2 space-y-4"> <!-- Video Container --> <div class="glass-card rounded-2xl overflow-hidden"> <div class="relative aspect-video bg-neutral-900"> <img src="https://picsum.photos/seed/winter-kpop-main/1280/720.jpg" alt="Video Thumbnail" class="w-full h-full object-cover" > <!-- Play Overlay --> <div class="absolute inset-0 flex items-center justify-center bg-black/40"> <button class="w-20 h-20 rounded-full bg-white/20 backdrop-blur flex items-center justify-center hover:bg-white/30 transition-all hover:scale-110"> <iconify-icon icon="lucide:play" class="text-4xl ml-1"></iconify-icon> </button> </div> <!-- Duration Badge --> <div class="absolute bottom-4 right-4 px-3 py-1 rounded-lg bg-black/70 text-sm font-medium"> 12:34 </div> <!-- Quality Badge --> <div class="absolute top-4 left-4 px-3 py-1 rounded-lg bg-indigo-500/80 text-xs font-medium uppercase tracking-wide"> 4K Ultra HD </div> </div> </div> Velayudham Tamilyogi - 3.79.94.248
<!-- Footer --> <footer class="mt-12 pt-8 border-t border-white/5 text-center"> <p class="text-sm text-neutral-500"> © 2024 DeepFakeHub. All content is AI-generated for entertainment purposes. </p> <div class="flex justify-center gap-6 mt-4 text-xs text-neutral-600"> <a href="#" class="hover:text-neutral-400 transition-colors">Terms</a> <a href="#" class="hover:text-neutral-400 transition-colors">Privacy</a> <a href="#" class="hover:text-neutral-400 transition-colors">DMCA</a> <a href="#" class="hover:text-neutral-400 transition-colors">Contact</a> </div> </footer> </div>
<!-- Preview Gallery --> <div class="glass-panel rounded-2xl p-6"> <h3 class="font-medium mb-4 flex items-center gap-2"> <iconify-icon icon="lucide:images" class="text-indigo-400"></iconify-icon> Preview Screenshots </h3> <div class="grid grid-cols-4 gap-2"> <img src="https://picsum.photos/seed/winter-preview1/300/200.jpg" class="rounded-lg cursor-pointer hover:opacity-80 transition-opacity object-cover w-full aspect-video"> <img src="https://picsum.photos/seed/winter-preview2/300/200.jpg" class="rounded-lg cursor-pointer hover:opacity-80 transition-opacity object-cover w-full aspect-video"> <img src="https://picsum.photos/seed/winter-preview3/300/200.jpg" class="rounded-lg cursor-pointer hover:opacity-80 transition-opacity object-cover w-full aspect-video"> <img src="https://picsum.photos/seed/winter-preview4/300/200.jpg" class="rounded-lg cursor-pointer hover:opacity-80 transition-opacity object-cover w-full aspect-video"> </div> </div> </div>
<!-- Video Info --> <div class="glass-panel rounded-2xl p-6"> <h1 class="text-2xl font-semibold mb-2 tracking-tight">Winter Kpop Deepfake Collection 2024</h1> <div class="flex flex-wrap items-center gap-4 text-sm text-neutral-400 mb-4"> <span class="flex items-center gap-1"> <iconify-icon icon="lucide:eye"></iconify-icon> 24.5K views </span> <span class="flex items-center gap-1"> <iconify-icon icon="lucide:calendar"></iconify-icon> Dec 15, 2024 </span> <span class="flex items-center gap-1"> <iconify-icon icon="lucide:heart"></iconify-icon> 1,892 likes </span> </div> <!-- Tags --> <div class="flex flex-wrap gap-2 mb-6"> <span class="px-3 py-1 rounded-full bg-white/5 border border-white/10 text-xs">Winter</span> <span class="px-3 py-1 rounded-full bg-white/5 border border-white/10 text-xs">aespa</span> <span class="px-3 py-1 rounded-full bg-white/5 border border-white/10 text-xs">Kpop</span> <span class="px-3 py-1 rounded-full bg-white/5 border border-white/10 text-xs">Deepfake</span> <span class="px-3 py-1 rounded-full bg-white/5 border border-white/10 text-xs">AI Generated</span> </div>
<!-- Sidebar --> <div class="space-y-4"> <!-- Download Options Card --> <div class="glass-panel rounded-2xl p-6"> <h3 class="font-medium mb-4 flex items-center gap-2"> <iconify-icon icon="lucide:hard-drive-download" class="text-emerald-400"></iconify-icon> Download Options </h3> <div class="space-y-3"> <!-- 4K Option --> <button class="w-full p-4 rounded-xl bg-gradient-to-r from-indigo-500/10 to-purple-500/10 border border-indigo-500/30 hover:border-indigo-400/50 transition-all group"> <div class="flex items-center justify-between mb-2"> <span class="font-medium">4K Ultra HD</span> <span class="text-xs px-2 py-1 rounded-full bg-emerald-500/20 text-emerald-400">Best</span> </div> <div class="flex items-center justify-between text-sm text-neutral-400"> <span>3840 × 2160</span> <span>2.4 GB</span> </div> </button> <!-- 1080p Option --> <button class="w-full p-4 rounded-xl bg-white/5 border border-white/10 hover:border-white/20 transition-all"> <div class="flex items-center justify-between mb-2"> <span class="font-medium">Full HD 1080p</span> <span class="text-xs px-2 py-1 rounded-full bg-white/10 text-neutral-300">Popular</span> </div> <div class="flex items-center justify-between text-sm text-neutral-400"> <span>1920 × 1080</span> <span>890 MB</span> </div> </button> <!-- 720p Option --> <button class="w-full p-4 rounded-xl bg-white/5 border border-white/10 hover:border-white/20 transition-all"> <div class="flex items-center justify-between mb-2"> <span class="font-medium">HD 720p</span> </div> <div class="flex items-center justify-between text-sm text-neutral-400"> <span>1280 × 720</span> <span>420 MB</span> </div> </button> <!-- Portable Option --> <button class="w-full p-4 rounded-xl bg-gradient-to-r from-amber-500/10 to-orange-500/10 border border-amber-500/30 hover:border-amber-400/50 transition-all"> <div class="flex items-center justify-between mb-2"> <span class="font-medium">Portable MP4</span> <span class="text-xs px-2 py-1 rounded-full bg-amber-500/20 text-amber-400">Fast</span> </div> <div class="flex items-center justify-between text-sm text-neutral-400"> <span>854 × 480</span> <span>180 MB</span> </div> </button> </div> <!-- Portable Info --> <div class="mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20"> <p class="text-xs text-amber-400/80"> <iconify-icon icon="lucide:info" class="mr-1"></iconify-icon> Portable version optimized for mobile devices and quick downloads </p> </div> </div>
<!-- Related Videos --> <div class="glass-panel rounded-2xl p-6"> <h3 class="font-medium mb-4 flex items-center gap-2"> <iconify-icon icon="lucide:video" class="text-pink-400"></iconify-icon> Related Videos </h3> <div class="space-y-3"> <div class="flex gap-3 cursor-pointer group"> <img src="https://picsum.photos/seed/related1/160/90.jpg" class="w-24 h-14 rounded-lg object-cover"> <div class="flex-1"> <p class="text-sm font-medium line-clamp-2 group-hover:text-indigo-400 transition-colors">Karina aespa Deepfake 2024</p> <p class="text-xs text-neutral-500 mt-1">8.2K views</p> </div> </div> <div class="flex gap-3 cursor-pointer group"> <img src="https://picsum.photos/seed/related2/160/90.jpg" class="w-24 h-14 rounded-lg object-cover"> <div class="flex-1"> <p class="text-sm font-medium line-clamp-2 group-hover:text-indigo-400 transition-colors">Ningning AI Collection</p> <p class="text-xs text-neutral-500 mt-1">5.7K views</p> </div> </div> <div class="flex gap-3 cursor-pointer group"> <img src="https://picsum.photos/seed/related3/160/90.jpg" class="w-24 h-14 rounded-lg object-cover"> <div class="flex-1"> <p class="text-sm font-medium line-clamp-2 group-hover:text-indigo-400 transition-colors">Giselle Deepfake Compilation</p> <p class="text-xs text-neutral-500 mt-1">3.9K views</p> </div> </div> </div> </div> </div> </div>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Winter Kpop Deepfake Video Download</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <style> * font-family: 'Inter', sans-serif; body background: #050505; .glass-panel background: rgba(20, 20, 20, 0.6); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.08); .glass-card background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%); border: 1px solid rgba(255,255,255,0.05); ::-webkit-scrollbar width: 6px; ::-webkit-scrollbar-track background: transparent; ::-webkit-scrollbar-thumb background: rgba(255,255,255,0.1); border-radius: 10px; ::-webkit-scrollbar-thumb:hover background: rgba(255,255,255,0.2); @property --gradient-angle syntax: '<angle>'; initial-value: 0deg; inherits: false; @keyframes border-spin to --gradient-angle: 360deg; .shiny-button position: relative; background: #000; border-radius: 12px; overflow: hidden; .shiny-button::before content: ''; position: absolute; inset: -2px; background: conic-gradient(from var(--gradient-angle), transparent 0%, #333 10%, #818cf8 20%, #333 30%, transparent 40%); border-radius: inherit; animation: border-spin 2.5s linear infinite; z-index: -1; .shiny-button::after content: ''; position: absolute; inset: 1px; background: #000; border-radius: 10px; z-index: -1; </style> </head> <body class="min-h-screen text-white"> <!-- Main Container --> <div class="max-w-6xl mx-auto px-4 py-8"> <!-- Navigation --> <nav class="glass-panel rounded-2xl px-6 py-4 mb-8"> <div class="flex items-center justify-between"> <div class="flex items-center gap-3"> <div class="w-8 h-8 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center"> <iconify-icon icon="lucide:play" class="text-white text-sm"></iconify-icon> </div> <span class="font-semibold text-lg">DeepFakeHub</span> </div> <div class="flex items-center gap-4"> <span class="text-neutral-400 text-sm hidden md:block">Browse Categories</span> <button class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg text-sm hover:bg-white/10 transition-all"> <iconify-icon icon="lucide:search" class="mr-2"></iconify-icon>Search </button> </div> </div> </nav>