"use client" import { motion } from "framer-motion" import { Play, Bell, Search, ChevronRight, Film, TrendingUp, Star, Clock, Flame, Heart, } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Avatar } from "@/components/ui/avatar" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const featured = { title: "Midnight Horizons", genre: "Sci-Fi Thriller", rating: "9.2", year: "2026", tag: "Trending Now" } const trending = [ { id: 1, title: "Electric Dreams", genre: "Drama", rating: "8.7", year: "2026" }, { id: 2, title: "Neon Nights", genre: "Action", rating: "9.0", year: "2025" }, { id: 3, title: "Ocean Depths", genre: "Documentary", rating: "8.5", year: "2026" }, { id: 4, title: "Shadow Realm", genre: "Horror", rating: "7.9", year: "2025" }, { id: 5, title: "Cosmic Journey", genre: "Adventure", rating: "9.1", year: "2026" }, ] const continueWatching = [ { id: 1, title: "The Last Frontier", progress: "65%", episode: "S2 E8" }, { id: 2, title: "City of Dreams", progress: "32%", episode: "S1 E4" }, { id: 3, title: "Beyond the Stars", progress: "78%", episode: "S3 E12" }, ] export default function StreamingHome() { return (

StreamHub

{featured.tag}

{featured.title}

{featured.year} {featured.genre} {featured.rating}

A thrilling journey through parallel dimensions where reality bends and time dissolves.

Continue Watching

{continueWatching.map((item) => (

{item.title}

{item.episode}

))}

) }

Streaming Home

StreamHub

Midnight Horizons

Trending

Continue Watching

StreamHub

Midnight Horizons

Trending

Continue Watching