import React from 'react'; import { ChevronLeft, ChevronRight, Play, Info } from 'lucide-react'; const NetflixClone = () => { const featuredContent = { title: "Stranger Things", description: "In einer Kleinstadt verschwinden Kinder unter mysteriösen Umständen. Eine Gruppe Freunde macht sich auf die Suche und stößt dabei auf ein Mädchen mit übernatürlichen Kräften.", imageUrl: "/api/placeholder/1200/600" }; const movieCategories = [ { title: "Trending", movies: [ { id: 1, title: "Movie 1", imageUrl: "/api/placeholder/300/169" }, { id: 2, title: "Movie 2", imageUrl: "/api/placeholder/300/169" }, { id: 3, title: "Movie 3", imageUrl: "/api/placeholder/300/169" }, { id: 4, title: "Movie 4", imageUrl: "/api/placeholder/300/169" } ] }, { title: "Neu auf Netflix", movies: [ { id: 5, title: "Movie 5", imageUrl: "/api/placeholder/300/169" }, { id: 6, title: "Movie 6", imageUrl: "/api/placeholder/300/169" }, { id: 7, title: "Movie 7", imageUrl: "/api/placeholder/300/169" }, { id: 8, title: "Movie 8", imageUrl: "/api/placeholder/300/169" } ] } ]; return (
{/* Navigation */} {/* Featured Content */}
{featuredContent.title}

{featuredContent.title}

{featuredContent.description}

{/* Movie Categories */} {movieCategories.map((category) => (

{category.title}

{category.movies.map((movie) => (
{movie.title}
))}
))}
); }; export default NetflixClone;