<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maksimum Filmlik Arşiv</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
:root {
--primary-color: #f5c518; /* IMDb Sarısı */
--background-color: #121212;
--surface-color: #1a1a1a;
--text-color: #ffffff;
--text-secondary-color: #a0a0a0;
--border-radius: 8px;
--shadow: 0 5px 15px rgba(0,0,0,0.6);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
line-height: 1.6;
}
.container { max-width: 1800px; margin: 0 auto; padding: 2rem; }
header { text-align: center; margin-bottom: 2rem; }
header h1 { font-size: 3rem; font-weight: 700; text-transform: uppercase; }
header h1 span { color: var(--primary-color); }
.filters { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-bottom: 3rem; flex-wrap: wrap; }
.filter-group { display: flex; flex-direction: column; }
.filter-group label { font-size: 0.9rem; margin-bottom: 0.5rem; color: var(--text-secondary-color); }
.filters select, .filters input {
background-color: var(--surface-color); color: var(--text-color); border: 1px solid #333;
padding: 0.8rem 1rem; border-radius: var(--border-radius); font-size: 1rem; min-width: 280px; transition: all 0.3s ease;
}
.filters select:focus, .filters input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 10px rgba(245, 197, 24, 0.5); }
#movie-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2rem; }
.movie-card {
background-color: var(--surface-color); border-radius: var(--border-radius); overflow: hidden;
box-shadow: var(--shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column;
}
.movie-card:hover { transform: translateY(-10px); box-shadow: 0 12px 28px rgba(0,0,0,0.8); }
.movie-card img { width: 100%; height: 375px; object-fit: cover; display: block; background-color: #333; border-bottom: 2px solid var(--primary-color); }
.movie-info { padding: 1.2rem; display: flex; flex-direction: column; flex-grow: 1; }
.movie-info h3 { font-size: 1.2rem; margin-bottom: 0.75rem; font-weight: 600; min-height: 3.6em; }
.movie-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; font-size: 0.9rem; color: var(--text-secondary-color); flex-wrap: wrap; gap: 0.5rem;}
.movie-rating { display: flex; align-items: center; gap: 0.3rem; background-color: var(--primary-color); color: #000; padding: 0.2rem 0.6rem; border-radius: 4px; font-weight: 700; }
.movie-description { font-size: 0.85rem; flex-grow: 1; color: #b0b0b0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
#status-message { color: var(--text-secondary-color); font-size: 1.5rem; grid-column: 1 / -1; text-align: center; padding: 4rem; }
</style>
</head>
<body>
<div class="container">
<header>
<h1>Film <span>Arşivi</span></h1>
</header>
<div class="filters">
<div class="filter-group">
<label for="genre-filter">Kategori Seçin</label>
<select id="genre-filter"></select>
</div>
<div class="filter-group">
<label for="search-input">Film Adı Ara</label>
<input type="text" id="search-input" placeholder="Aranacak filmi yazın...">
</div>
</div>
<main id="movie-grid">
<p id="status-message">210+ film yükleniyor, lütfen bekleyin...</p>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const movies = [
// --- KATEGORI: DRAM (30+ FILM) ---
{ title: 'The Shawshank Redemption', genre: 'Dram', year: 1994, desc: 'Haksız yere cinayetten hüküm giyen bir bankacı, hapishanede umudu ve dostluğu bulur.', img: 'https://m.media-amazon.com/images/M/MV5BNDE3ODcxYzMtY2YzZC00NmNlLWJiNDMtZDViZWM2MzIxZDYwXkEyXkFqcGdeQXVyNjAwNDUxODI@._V1_SX300.jpg', imdb: 9.3 },
{ title: 'The Godfather', genre: 'Dram', year: 1972, desc: 'Bir organize suç ailesinin yaşlanan patriği, kontrolü gönülsüz oğluna devreder.', img: 'https://m.media-amazon.com/images/M/MV5BM2MyNjYxNmUtYTAwNi00MTYxLWJmNWYtYzZlODY3ZTk3OTFlXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 9.2 },
{ title: '12 Angry Men', genre: 'Dram', year: 1957, desc: 'Bir jüri üyesi, bir cinayet davasında diğer 11 jüri üyesini zanlının makul şüpheden suçsuz olduğuna ikna etmeye çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BMWU4N2FjNzYtNTVkNC00NzQ0LTg0MjAtYTJlMjFhNGUxZDFmXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_SX300.jpg', imdb: 9.0 },
{ title: 'Schindler\'s List', genre: 'Dram', year: 1993, desc: 'Oskar Schindler, II. Dünya Savaşı sırasında binlerce Yahudi\'yi Holokost\'tan kurtarır.', img: 'https://m.media-amazon.com/images/M/MV5BNDE4OTMxMTctNmRhYy00NWE2LTg3YzItYTk3M2UwOTU5Njg4XkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.9 },
{ title: 'Forrest Gump', genre: 'Dram', year: 1994, desc: 'Düşük zekalı ama iyi kalpli bir adam, 20. yüzyıl Amerikan tarihinin önemli olaylarına tanıklık eder.', img: 'https://m.media-amazon.com/images/M/MV5BNWIwODRlZTUtY2U3ZS00Yzg1LWJhNzYtMmZiYmEyNmU1NjMzXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.8 },
{ title: 'Fight Club', genre: 'Dram', year: 1999, desc: 'Uykusuz bir ofis çalışanı, gizemli bir sabun satıcısıyla birlikte bir yeraltı dövüş kulübü kurar.', img: 'https://m.media-amazon.com/images/M/MV5BNDIzNDU0YzEtYzE5Ni00ZjlkLTk5ZjgtNjM3NWE4YzA3Nzk3XkEyXkFqcGdeQXVyMjUzOTY1NTc@._V1_SX300.jpg', imdb: 8.8 },
{ title: 'Goodfellas', genre: 'Dram', year: 1990, desc: 'Henry Hill ve arkadaşlarının İtalyan-Amerikan mafyasındaki yükselişi ve düşüşü anlatılır.', img: 'https://m.media-amazon.com/images/M/MV5BY2NkZjEzMDgtN2RjYy00YzM1LWI4ZmQtMjIwYjFjNmI3ZGEwXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'One Flew Over the Cuckoo\'s Nest', genre: 'Dram', year: 1975, desc: 'Bir suçlu, hapisten kaçmak için akıl hastası taklidi yapar ve bir akıl hastanesine gönderilir.', img: 'https://m.media-amazon.com/images/M/MV5BZjA0OWVhOTAtYWQxNi00YzNhLWI4ZjYtNjFjZTEyYjJlNDVlL2ltYWdlL2ltYWdlXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'City of God', genre: 'Dram', year: 2002, desc: 'Rio de Janeiro\'nun şiddet dolu varoşlarında büyüyen iki çocuğun farklı yollara sapan hayatları.', img: 'https://m.media-amazon.com/images/M/MV5BMGU5OWEwZDItMjIyYS00N2EzLTk4OTQtMjI1YTI1MWRmZDEyXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'The Green Mile', genre: 'Dram', year: 1999, desc: 'Bir hapishane gardiyanı, doğaüstü yeteneklere sahip bir mahkumla tanışınca hayatı değişir.', img: 'https://m.media-amazon.com/images/M/MV5BMTUxMzQyNjA5MF5BMl5BanBnXkFtZTYwOTU2NTY3._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Life Is Beautiful', genre: 'Dram', year: 1997, desc: 'Yahudi bir baba, oğlunu bir toplama kampının dehşetinden korumak için her şeyin bir oyun olduğuna inandırır.', img: 'https://m.media-amazon.com/images/M/MV5BYmJmM2Q4NmMtYThmNC00ZjRlLWEyZmItZTIwOTBlZDQ3NTQ1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'The Intouchables', genre: 'Dram', year: 2011, desc: 'Felçli bir aristokrat, banliyölerden gelen genç bir adamı bakıcısı olarak işe alır.', img: 'https://m.media-amazon.com/images/M/MV5BMTYxNDA3MDQwNl5BMl5BanBnXkFtZTcwNTU4Mzc1Nw@@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Parasite', genre: 'Dram', year: 2019, desc: 'Fakir bir aile, zengin bir ailenin hayatına sızmak için bir plan yapar ve olaylar kontrolden çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BYWZjMjk3ZTItODQ2ZC00NTY5LWE0ZDYtZTI3MjcwN2Q5NTVkXkEyXkFqcGdeQXVyODk4OTc3MTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Whiplash', genre: 'Dram', year: 2014, desc: 'Genç ve hırslı bir baterist, acımasız bir müzik öğretmeninin baskısı altında sınırlarını zorlar.', img: 'https://m.media-amazon.com/images/M/MV5BOTA5NDZlZGUtMjAxOS00YTRkLTkwYmMtYWQ0NWEwZDZiNjEzXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'The Pianist', genre: 'Dram', year: 2002, desc: 'Polonyalı Yahudi bir piyanist, II. Dünya Savaşı sırasında Varşova\'nın yıkımından sağ kurtulmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BOWRiZDIxZjktMTA1NC00MDQ2LWEzMjUtMTliZmY3NjQ3ODJiXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'American History X', genre: 'Dram', year: 1998, desc: 'Eski bir neo-nazi, kardeşinin aynı yolda gitmesini engellemeye çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BZTJhN2FkYWEtMGI0My00YWM4LWI2MjAtM2UwNjY4MTI2ZTQyXkEyXkFqcGdeQXVyNjc3MjQzNTI@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Good Will Hunting', genre: 'Dram', year: 1997, desc: 'MIT\'de bir hademe, matematikte bir dahi olduğunu kanıtlar ve bir psikologun yardımıyla sorunlarıyla yüzleşir.', img: 'https://m.media-amazon.com/images/M/MV5BOTI0MzcxMTYtZDVkMy00NjY1LTgyMTYtZmUxN2M3NmQ2NWJhXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'A Clockwork Orange', genre: 'Dram', year: 1971, desc: 'Gelecekteki Britanya\'da, karizmatik bir suçlu, deneysel bir caydırma terapisi için gönüllü olur.', img: 'https://m.media-amazon.com/images/M/MV5BMTY3MjM1Mzc4N15BMl5BanBnXkFtZTgwODM0NzAxMDE@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'Taxi Driver', genre: 'Dram', year: 1976, desc: 'Zihinsel olarak dengesiz bir Vietnam gazisi, yozlaşmış New York\'ta bir gece taksi şoförü olarak çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BM2M1MmVhNDgtNmI0YS00ZDNmLTkyNjctYjMwMmFhN2JmNzM2XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'A Beautiful Mind', genre: 'Dram', year: 2001, desc: 'Matematik dehası John Nash, şizofreni ile mücadelesi ve Nobel Ödülü\'ne uzanan hayatı.', img: 'https://m.media-amazon.com/images/M/MV5BMzcwYWFkYzktYjc4YS00YjE1LTljYzAtMTkyODQwOWM3MmM2XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'The Pursuit of Happyness', genre: 'Dram', year: 2006, desc: 'Evsiz bir satıcı, kendisi ve oğlu için daha iyi bir hayat kurma mücadelesi verir.', img: 'https://m.media-amazon.com/images/M/MV5BMTQ5NjQ0NDI3NF5BMl5BanBnXkFtZTcwNDI0MjEzMw@@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Joker', genre: 'Dram', year: 2019, desc: 'Toplum tarafından dışlanan bir komedyen, Gotham şehrinde şiddet ve anarşiye sürüklenir.', img: 'https://m.media-amazon.com/images/M/MV5BNGVjNWI4ZGUtNzE0MS00YTJmLWI0ZDctN2ZiYTk2YmI3NTYyXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Django Unchained', genre: 'Dram', year: 2012, desc: 'Bir Alman ödül avcısının yardımıyla bir köle, karısını acımasız bir plantasyon sahibinden kurtarmak için yola çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BMTk1MjI0ODQ4MF5BMl5BanBnXkFtZTcwNzM4NDg1OA@@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'The Wolf of Wall Street', genre: 'Dram', year: 2013, desc: 'Jordan Belfort\'un bir borsacı olarak yükselişi, yolsuzluk ve dolandırıcılıkla dolu hayatı.', img: 'https://m.media-amazon.com/images/M/MV5BMjIxMjgxNTk0MF5BMl5BanBnXkFtZTgwNjIyOTg2MDE@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Dead Poets Society', genre: 'Dram', year: 1989, desc: 'Bir İngilizce öğretmeni, öğrencilerine şiir yoluyla yeni bakış açıları kazandırmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BOGYwYWNjMzgtYTg4MC00NWQ2LThjNjItZmUxNWUzYjg2YjYwXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'There Will Be Blood', genre: 'Dram', year: 2007, desc: '20. yüzyılın başlarında, acımasız bir petrol arayıcısı zenginlik ve güç peşinde ahlaki sınırları zorlar.', img: 'https://m.media-amazon.com/images/M/MV5BMTY5ODU5NDY2NV5BMl5BanBnXkFtZTgwMjAwMTQ2MjE@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'No Country for Old Men', genre: 'Dram', year: 2007, desc: 'Teksas\'ta bir avcı, uyuşturucu anlaşması sonrası olay yerinde bulduğu parayla kaçar ve peşine psikopat bir katil takılır.', img: 'https://m.media-amazon.com/images/M/MV5BMjA5Njk3MjM4OV5BMl5BanBnXkFtZTcwMTc5MTE4MQ@@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Green Book', genre: 'Dram', year: 2018, desc: '1960\'ların Amerikasında, siyahi bir piyanist ve İtalyan-Amerikan şoförünün güney eyaletlerindeki turneleri sırasında gelişen dostlukları.', img: 'https://m.media-amazon.com/images/M/MV5BYzIzYmJlYTYtNGNiYy00N2EwLTk4ZjItMGYyZTJiOTVkM2RlXkEyXkFqcGdeQXVyODY1NDk1NjU@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Room', genre: 'Dram', year: 2015, desc: 'Yıllarca esir tutulduğu bir odadan oğluyla birlikte kaçan bir kadın, dış dünyaya yeniden adapte olmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BMjE4MDY5OTI1OV5BMl5BanBnXkFtZTgwNzY1OTAwNzE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Spotlight', genre: 'Dram', year: 2015, desc: 'Boston Globe gazetesinin "Spotlight" ekibi, Katolik Kilisesi\'ndeki çocuk tacizi skandalını ortaya çıkarır.', img: 'https://m.media-amazon.com/images/M/MV5BMjIyOTM5OTIzNV5BMl5BanBnXkFtZTgwMDkzODE2NjE@._V1_SX300.jpg', imdb: 8.1 },
// --- KATEGORI: AKSIYON ---
{ title: 'The Lord of the Rings: The Return of the King', genre: 'Aksiyon', year: 2003, desc: 'Gandalf ve Aragorn, Sauron\'un ordularına karşı son bir savaş verirken, Frodo ve Sam yüzüğü yok etmek için Mordor\'a yaklaşır.', img: 'https://m.media-amazon.com/images/M/MV5BNzA5ZDNlZWMtM2NhNS00NDJjLTk4NDItYTRmY2EwMWZlMTY3XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.9 },
{ title: 'Inception', genre: 'Aksiyon', year: 2010, desc: 'Bir hırsız, bu kez bir sır çalmak yerine bir fikir ekmek için rüyalara girer.', img: 'https://m.media-amazon.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg', imdb: 8.8 },
{ title: 'The Matrix', genre: 'Aksiyon', year: 1999, desc: 'Bir bilgisayar korsanı, yaşadığı dünyanın aslında bir simülasyon olduğunu keşfeder.', img: 'https://m.media-amazon.com/images/M/MV5BNzQzOTk3OTAtNDQ0Zi00ZTVkLWI0MTEtMDllZjNkYzNjNTc4L2ltYWdlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'Seven Samurai', genre: 'Aksiyon', year: 1954, desc: 'Fakir bir köy, kendilerini haydutlardan korumak için yedi işsiz samuray kiralar.', img: 'https://m.media-amazon.com/images/M/MV5BNWQ3OTM4ZGItMWEwZi00MjI5LWI3YzgtNTYwNWRkNmIzMGI5XkEyXkFqcGdeQXVyNDY2MTk1ODk@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Gladiator', genre: 'Aksiyon', year: 2000, desc: 'İhanete uğrayan bir Roma generali, ailesinin intikamını almak için gladyatör olarak dövüşür.', img: 'https://m.media-amazon.com/images/M/MV5BMDliMmNhNDEtODUyOS00MjNlLTgxODEtN2U3NzIxMGVkZTA1L2ltYWdlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Terminator 2: Judgment Day', genre: 'Aksiyon', year: 1991, desc: 'Gelecekten gelen bir siborg, genç John Connor\'ı daha gelişmiş bir Terminatörden korumalıdır.', img: 'https://m.media-amazon.com/images/M/MV5BMGU2NzRmZjUtOGUxYS00ZjdjLWEwZWItY2NlM2JhNjkxNTFmXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Léon: The Professional', genre: 'Aksiyon', year: 1994, desc: 'Profesyonel bir tetikçi, ailesi öldürülen 12 yaşındaki bir kızı himayesine alır.', img: 'https://m.media-amazon.com/images/M/MV5BODllNWE0MmEtYjUwZi00ZjY3LThmNmQtZjZlMjI2YTBjNWPPL2ltYWdlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'The Departed', genre: 'Aksiyon', year: 2006, desc: 'Bir polis memuru mafyanın içine sızarken, bir mafya üyesi de polis teşkilatına sızar.', img: 'https://m.media-amazon.com/images/M/MV5BMTI1MTY2OTIxNV5BMl5BanBnXkFtZTYwNjQ4NjY3._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Aliens', genre: 'Aksiyon', year: 1986, desc: 'Ripley, 57 yıl sonra kurtarılır ve bir grup sömürgeci askeriyle birlikte uzaylıların istila ettiği gezegene geri döner.', img: 'https://m.media-amazon.com/images/M/MV5BZGU2OGY5ZTYtMWNhYy00NjZiLWI0NjUtZmNhY2JhNDRmODU3XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'Heat', genre: 'Aksiyon', year: 1995, desc: 'Usta bir hırsız ve takıntılı bir dedektifin yolları Los Angeles\'ta kesişir.', img: 'https://m.media-amazon.com/images/M/MV5BNGMwNzUwNjYtZWM5NS00YzMyLWI4NjAtNjM0ZDBiMzE1YWExXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Die Hard', genre: 'Aksiyon', year: 1988, desc: 'Bir NYPD polisi, Noel partisi sırasında rehin alınan karısını ve diğerlerini kurtarmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BZjRlNDUxZjAtOGQ4OC00OTNlLTgxNmQtYTBmMDgwODkzOD" + "I4XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Mad Max: Fury Road', genre: 'Aksiyon', year: 2015, desc: 'Kıyamet sonrası bir çölde, bir kadın zalim bir hükümdara karşı isyan eder.', img: 'https://m.media-amazon.com/images/M/MV5BN2EwM2I5OWMtMGQyMi00Zjg1LWJkNTctZTdjYTA4OGUwZjMyXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Casino Royale', genre: 'Aksiyon', year: 2006, desc: 'James Bond, ilk 007 görevinde teröristleri finanse eden Le Chiffre\'yi devirmeye çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BMTM5MjI4NDExNF5BMl5BanBnXkFtZTcwOTI3MDE0MQ@@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'The Bourne Ultimatum', genre: 'Aksiyon', year: 2007, desc: 'Jason Bourne, geçmişini ortaya çıkarmaya çalışırken CIA tarafından avlanmaya devam eder.', img: 'https://m.media-amazon.com/images/M/MV5BNGJmMWQ5YjYtMjY3MS00YjhhLTk5ZjYtMDAyMmM4Y2YxMWM3XkEyXkFqcGdeQXVyODc0OTEyNDU@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Kill Bill: Vol. 1', genre: 'Aksiyon', year: 2003, desc: 'Düğününde saldırıya uğrayıp komaya giren eski bir suikastçı, intikam almak için uyanır.', img: 'https://m.media-amazon.com/images/M/MV5BNzM3NDFhYTAtYmU5Mi00NGRmLTljYjgtMDkyODQ4MjNkMGY2XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Predator', genre: 'Aksiyon', year: 1987, desc: 'Bir komando ekibi, Orta Amerika ormanlarında teknolojik olarak gelişmiş bir uzaylı tarafından avlanır.', img: 'https://m.media-amazon.com/images/M/MV5BNjNhZTk0ZmEtNjJhMi00YzFlLWE1MmEtYzM1M2ZmMGMwMTU4XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'RoboCop', genre: 'Aksiyon', year: 1987, desc: 'Suç dolu Detroit\'te, vahşice öldürülen bir polis, bir siborg olarak yeniden hayata döndürülür.', img: 'https://m.media-amazon.com/images/M/MV5BZWVlYzU2TItZmI0MC00OTYyLWE0MmQtZmE3NzkxNzVlYjM3XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 7.5 },
{ title: 'Top Gun: Maverick', genre: 'Aksiyon', year: 2022, desc: 'Yıllar sonra, Pete "Maverick" Mitchell, yeni nesil pilotları tehlikeli bir görev için eğitir.', img: 'https://m.media-amazon.com/images/M/MV5BZWYzOGEwNTgtNWU3NS00ZTNiLTg5ZmYtYWIyYWY1Njc0MjRiXkEyXkFqcGdeQXVyMjM4NTM5NDY@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'Logan', genre: 'Aksiyon', year: 2017, desc: 'Yakın gelecekte, yaşlanmış ve yorgun bir Wolverine, genç bir mutantı korumak için son bir maceraya atılır.', img: 'https://m.media-amazon.com/images/M/MV5BYzc5MTU4N2EtYTkyMi00NjdhLTg3NWEtMTY4OTEyMzJhZTAzXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Baby Driver', genre: 'Aksiyon', year: 2017, desc: 'Genç bir kaçış şoförü, bir soygun sonrası hayatını düzene sokmaya çalışır ancak suç dünyasından çıkamaz.', img: 'https://m.media-amazon.com/images/M/MV5BMjM3MjQ1MzkxNl5BMl5BanBnXkFtZTgwODk1OTgyMjI@._V1_SX300.jpg', imdb: 7.6 },
{ title: 'Sicario', genre: 'Aksiyon', year: 2015, desc: 'İdealist bir FBI ajanı, ABD-Meksika sınırındaki uyuşturucu savaşına karşı mücadele eden bir hükümet görev gücüne katılır.', img: 'https://m.media-amazon.com/images/M/MV5BMjA5NjM3NTk1M15BMl5BanBnXkFtZTgwMzg1MzU2NjE@._V1_SX300.jpg', imdb: 7.6 },
{ title: 'Edge of Tomorrow', genre: 'Aksiyon', year: 2014, desc: 'Bir asker, uzaylılarla savaşırken aynı günü tekrar tekrar yaşayarak ölür ve yeteneklerini geliştirir.', img: 'https://m.media-amazon.com/images/M/MV5BMTc5OTk4MTM3M15BMl5BanBnXkFtZTgwODcxNTM3MDE@._V1_SX300.jpg', imdb: 7.9 },
{ title: 'Ford v Ferrari', genre: 'Aksiyon', year: 2019, desc: 'Amerikalı araba tasarımcısı Carroll Shelby ve sürücü Ken Miles, 1966 Le Mans 24 Saat Yarışı\'nda Ferrari\'yi yenmek için bir araba yapar.', img: 'https://m.media-amazon.com/images/M/MV5BMTc5OTk4MTM3M15BMl5BanBnXkFtZTgwODcxNTM3MDE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'The Fugitive', genre: 'Aksiyon', year: 1993, desc: 'Haksız yere karısını öldürmekle suçlanan Dr. Richard Kimble, kaçar ve gerçek katili bulmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BNWY3NGExMGYtYjhhNi00MTNlLWIzZjYtYjA0ZjQ5ZWQwY2MyXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'Taken', genre: 'Aksiyon', year: 2008, desc: 'Emekli bir CIA ajanı, Paris\'te kaçırılan kızını kurtarmak için özel yeteneklerini kullanır.', img: 'https://m.media-amazon.com/images/M/MV5BMTM4NzQ0OTYyOF5BMl5BanBnXkFtZTcwMDkyNjQyMg@@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'Ip Man', genre: 'Aksiyon', year: 2008, desc: '1930\'ların Çin\'inde, Wing Chun dövüş sanatları ustası Ip Man\'in hayatı.', img: 'https://m.media-amazon.com/images/M/MV5BMTkuMzIyMjI1Nl5BMl5BanBnXkFtZTcwNjk0MTEyMg@@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'District B13', genre: 'Aksiyon', year: 2004, desc: '2010 Paris\'inde, idealist bir polis ve bir mahkum, gettodaki bir kitle imha silahını etkisiz hale getirmek için işbirliği yapar.', img: 'https://m.media-amazon.com/images/M/MV5BMTI5MTE2NTQxNl5BMl5BanBnXkFtZTcwMTE3ODkyMQ@@._V1_SX300.jpg', imdb: 7.1 },
{ title: 'The Raid: Redemption', genre: 'Aksiyon', year: 2011, desc: 'Bir SWAT ekibi, acımasız bir uyuşturucu baronunun yönettiği bir apartmana baskın yapar.', img: 'https://m.media-amazon.com/images/M/MV5BYjFiMDRjY2UtY2E0Yy00YjI5LTljZDEtY2Q5Y2E4YWMxN2I2XkEyXkFqcGdeQXVyODc0OTEyNDU@._V1_SX300.jpg', imdb: 7.6 },
// --- KATEGORI: BILIM KURGU ---
{ title: 'Inception', genre: 'Bilim Kurgu', year: 2010, desc: 'Bir hırsız, bu kez bir sır çalmak yerine bir fikir ekmek için rüyalara girer.', img: 'https://m.media-amazon.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg', imdb: 8.8 },
{ title: 'The Matrix', genre: 'Bilim Kurgu', year: 1999, desc: 'Bir bilgisayar korsanı, yaşadığı dünyanın aslında bir simülasyon olduğunu keşfeder.', img: 'https://m.media-amazon.com/images/M/MV5BNzQzOTk3OTAtNDQ0Zi00ZTVkLWI0MTEtMDllZjNkYzNjNTc4L2ltYWdlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'Star Wars: Episode V - The Empire Strikes Back', genre: 'Bilim Kurgu', year: 1980, desc: 'İmparatorluk güçleri Asileri kovalarken, Luke Skywalker Jedi eğitimi almak için Yoda\'yı bulur.', img: 'https://m.media-amazon.com/images/M/MV5BYmU1NDRjNDgtMzhiMi00NjZmLTg5NGItZDNiZjU5NTU4OTE0XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'Star Wars: Episode IV - A New Hope', genre: 'Bilim Kurgu', year: 1977, desc: 'Luke Skywalker, bir Jedi Şövalyesi, bir pilot ve iki droidle birlikte galaksiyi kurtarmak ve Prenses Leia\'yı kurtarmak için yola çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BOTA5NjhiOTAtZWM0ZC00MWNhLThiMzEtZDFkOTk2OTU1ZDJkXkEyXkFqcGdeQXVyMTA4NDI1NTQx._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Interstellar', genre: 'Bilim Kurgu', year: 2014, desc: 'İnsanlığın geleceği için bir grup astronot, yaşanabilir yeni bir gezegen aramak üzere solucan deliğinden geçer.', img: 'https://m.media-amazon.com/images/M/MV5BZjdkOTU3MDktN2IxOS00OGEyLWFmMjktY2FiMmZkNWIyODZiXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Terminator 2: Judgment Day', genre: 'Bilim Kurgu', year: 1991, desc: 'Gelecekten gelen bir siborg, genç John Connor\'ı daha gelişmiş bir Terminatörden korumalıdır.', img: 'https://m.media-amazon.com/images/M/MV5BMGU2NzRmZjUtOGUxYS00ZjdjLWEwZWItY2NlM2JhNjkxNTFmXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Alien', genre: 'Bilim Kurgu', year: 1979, desc: 'Ticari bir uzay gemisinin mürettebatı, uzayın derinliklerinde ölümcül bir yaşam formuyla karşılaşır.', img: 'https://m.media-amazon.com/images/M/MV5BOGQzZTBjMjQtOTVmMS00NGE5LWEyYmMtOGQ1ZGZjNmRkYjFhXkEyXkFqcGdeQXVyMjUzOTY1NTc@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Aliens', genre: 'Bilim Kurgu', year: 1986, desc: 'Ripley, 57 yıl sonra kurtarılır ve bir grup sömürgeci askeriyle birlikte uzaylıların istila ettiği gezegene geri döner.', img: 'https://m.media-amazon.com/images/M/MV5BZGU2OGY5ZTYtMWNhYy00NjZiLWI0NjUtZmNhY2JhNDRmODU3XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.3 },
{ title: '2001: A Space Odyssey', genre: 'Bilim Kurgu', year: 1968, desc: 'İnsanlık, kökenleri hakkında ipuçları veren gizemli bir monolitin peşinden gider.', img: 'https://m.media-amazon.com/images/M/MV5BMmNlYmJiODMtNjFhNS00MjNkLWIyNDEtN2U5NTU3MzJjMTA2XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'Blade Runner', genre: 'Bilim Kurgu', year: 1982, desc: 'Eski bir polis, kaçak sentetik insanları (replicant) avlamak için göreve geri döner.', img: 'https://m.media-amazon.com/images/M/MV5BNzQzMzJhZTEtOWM4NS00MTdhLTg0YjgtMjM4MDRkZjUwZDBlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Blade Runner 2049', genre: 'Bilim Kurgu', year: 2017, desc: 'Yeni bir Blade Runner, toplumu kaosa sürükleyebilecek uzun süredir gömülü bir sırrı ortaya çıkarır.', img: 'https://m.media-amazon.com/images/M/MV5BNzA1Njg4NzYxOV5BMl5BanBnXkFtZTgwODk5NjU3MzI@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Dune', genre: 'Bilim Kurgu', year: 2021, desc: 'Galaksinin en değerli kaynağının gezegeni Arrakis\'in kontrolü için soylu bir ailenin mücadelesi.', img: 'https://m.media-amazon.com/images/M/MV5BN2FjNmEyNWMtYzM0ZS00NjIyLTg5YzYtYThlMGVjNzE1OGViXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Arrival', genre: 'Bilim Kurgu', year: 2016, desc: 'Bir dilbilimci, gizemli uzaylı gemileri dünyaya indiğinde onlarla iletişim kurmak için işe alınır.', img: 'https://m.media-amazon.com/images/M/MV5BMTExMzU0ODcxNDheQTJeQWpwZ15BbWU4MDE1OTI4MzAy._V1_SX300.jpg', imdb: 7.9 },
{ title: 'District 9', genre: 'Bilim Kurgu', year: 2009, desc: 'Güçsüz uzaylılar Güney Afrika\'daki bir gecekondu mahallesinde yaşamaya başlar.', img: 'https://m.media-amazon.com/images/M/MV5BYmQ5MzFjYWMtMTMwNC00ZGU5LWI3YTQtYzhkZWZmY2Y1YjQwXkEyXkFqcGdeQXVyNTIzOTk5ODM@._V1_SX300.jpg', imdb: 7.9 },
{ title: 'Children of Men', genre: 'Bilim Kurgu', year: 2006, desc: '2027\'de, insanlığın kısırlıkla karşı karşıya olduğu bir dünyada, hamile bir kadın mucizevi bir şekilde ortaya çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BMTg1MTI2Mzk1NF5BMl5BanBnXkFtZTYwNjM5OTc2._V1_SX300.jpg', imdb: 7.9 },
{ title: 'Her', genre: 'Bilim Kurgu', year: 2013, desc: 'Yalnız bir yazar, tüm ihtiyaçlarını karşılamak için tasarlanmış gelişmiş bir işletim sistemiyle beklenmedik bir ilişki geliştirir.', img: 'https://m.media-amazon.com/images/M/MV5BMjA1Nzk0OTM2OF5BMl5BanBnXkFtZTgwNjU2NjEwMDE@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Eternal Sunshine of the Spotless Mind', genre: 'Bilim Kurgu', year: 2004, desc: 'Acı verici bir ayrılığın ardından bir çift, anılarını birbirlerinden sildirmek için tıbbi bir prosedüre başvurur.', img: 'https://m.media-amazon.com/images/M/MV5BMTY4NzcwODg3Nl5BMl5BanBnXkFtZTcwNTEwOTMyMw@@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'The Thing', genre: 'Bilim Kurgu', year: 1982, desc: 'Antarktika\'daki bir araştırma ekibi, kurbanlarını taklit edebilen şekil değiştiren bir uzaylıyla karşılaşır.', img: 'https://m.media-amazon.com/images/M/MV5BNGViZWZmM2EtNGYzZi00ZDAyLTk3ODMtNzIyZTBjN2Y1NmM2XkEyXkFqcGdeQXVyNTAyODkwOQ@@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Gattaca', genre: 'Bilim Kurgu', year: 1997, desc: 'Genetik olarak "kusurlu" bir adam, uzay yolculuğu hayalini gerçekleştirmek için bir başkasının kimliğini alır.', img: 'https://m.media-amazon.com/images/M/MV5BNDQxOTc0MzI1Ml5BMl5BanBnXkFtZTgwMDY2MjE4NjE@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'Serenity', genre: 'Bilim Kurgu', year: 2005, desc: 'Asi bir uzay gemisinin mürettebatı, telepatik güçlere sahip genç bir yolcuyu totaliter bir ittifaktan korumaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BOWE3ZGUxOGMtZmEwNC00NmM1LTlkZDYtMTIwYjQ5MTU4OTgwXkEyXkFqcGdeQXVyODc0OTEyNDU@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'Ex Machina', genre: 'Bilim Kurgu', year: 2014, desc: 'Genç bir programcı, son derece gelişmiş bir yapay zekanın insani niteliklerini değerlendirmek üzere bir deneye katılır.', img: 'https://m.media-amazon.com/images/M/MV5BMTUxNzc0OTIxMV5BMl5BanBnXkFtZTgwNDI3NzU2NDE@._V1_SX300.jpg', imdb: 7.7 },
// --- KATEGORI: GERILIM ---
{ title: 'The Silence of the Lambs', genre: 'Gerilim', year: 1991, desc: 'Genç bir FBI ajanı, bir seri katili yakalamak için manipülatif bir katilden yardım istemek zorundadır.', img: 'https://m.media-amazon.com/images/M/MV5BNjNhZTk0ZmEtNjJhMi00YzFlLWE1MmEtYzM1M2ZmMGMwMTU4XkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Se7en', genre: 'Gerilim', year: 1995, desc: 'İki dedektif, yedi ölümcül günahı temel alan bir seri katilin peşine düşer.', img: 'https://m.media-amazon.com/images/M/MV5BOTUwODM5MTctZjczMi00OTk4LTg3NWUtNmVhMTAzNTNjYjcyXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'The Usual Suspects', genre: 'Gerilim', year: 1995, desc: 'Bir gemi patlamasından sağ kurtulan tek kişi, olaylara yol açan karmaşık hikayeyi polise anlatır.', img: 'https://m.media-amazon.com/images/M/MV5BYTViNjMyNmUtNDFkNC00ZDRlLThmMDUtZDU2YWE4NGI2ZjVmXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'The Prestige', genre: 'Gerilim', year: 2006, desc: '1890\'ların Londra\'sında iki rakip sihirbaz, birbirlerinin sırlarını ortaya çıkarmak için tehlikeli bir takıntıya kapılır.', img: 'https://m.media-amazon.com/images/M/MV5BMjA4NDI0MTIxN15BMl5BanBnXkFtZTYwNTM0MzY2._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Memento', genre: 'Gerilim', year: 2000, desc: 'Kısa süreli hafıza kaybı yaşayan bir adam, karısının katilini bulmak için notlar ve dövmeler kullanır.', img: 'https://m.media-amazon.com/images/M/MV5BZTcyNjk1MjgtOWI3Mi00YzQwLWI5MTktMzY4ZmI2NDAyNzYzXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Psycho', genre: 'Gerilim', year: 1960, desc: 'Bir sekreter, patronundan para çaldıktan sonra ücra bir motelde saklanır ve motel sahibiyle tanışır.', img: 'https://m.media-amazon.com/images/M/MV5BNTQwNDM1YzItNDAxZC00NWY2LTk0M2UtNDIwNWI5OGUyNWUxXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.5 },
{ title: 'Oldboy', genre: 'Gerilim', year: 2003, desc: '15 yıl boyunca bir odada hapis tutulan bir adam, serbest bırakıldığında kendisini esir alanlardan intikam arar.', img: 'https://m.media-amazon.com/images/M/MV5BMTI3NTQyMzU5M15BMl5BanBnXkFtZTcwMTM2MjgyMQ@@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Shutter Island', genre: 'Gerilim', year: 2010, desc: '1954\'te bir ABD mareşali, bir akıl hastanesinden kaçan bir katili araştırmak için uzak bir adaya gider.', img: 'https://m.media-amazon.com/images/M/MV5BYzhiNDkyNzMtNTZmYS00ZTBkLTk2MDAtM2U0YjU1MzgxZjgzXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Prisoners', genre: 'Gerilim', year: 2013, desc: 'Kızı ve arkadaşı kaçırılan bir adam, polisin yavaş ilerlemesi üzerine adaleti kendi sağlamaya karar verir.', img: 'https://m.media-amazon.com/images/M/MV5BMTg0NTIzMjQ1NV5BMl5BanBnXkFtZTcwNDc3MzM5OQ@@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'The Sixth Sense', genre: 'Gerilim', year: 1999, desc: 'Ölü insanları gören bir çocuk, sorunlu bir çocuk psikoloğundan yardım alır.', img: 'https://m.media-amazon.com/images/M/MV5BMWM4NTFhYjctNzUyNi00NGMwLTk3NTYtMDIyNTZmMzRlYmQyXkEyXkFqcGdeQXVyMTAwMzUyOTc@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Gone Girl', genre: 'Gerilim', year: 2014, desc: 'Karısının aniden ortadan kaybolmasıyla, bir adam medyanın odağı haline gelir ve masumiyeti sorgulanır.', img: 'https://m.media-amazon.com/images/M/MV5BMTk0MDQ3MzAzOV5BMl5BanBnXkFtZTgwNzU1NzE3MjE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Zodiac', genre: 'Gerilim', year: 2007, desc: '1960\'lar ve 70\'lerde San Francisco Körfez Bölgesi\'ni terörize eden Zodyak Katili\'nin gerçek hikayesi.', img: 'https://m.media-amazon.com/images/M/MV5BNWNDYzYjA2YWYtY2U1MS00NTYxLWIzY2MtNzJhYjM3Y2Y2Yjc0XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 7.7 },
{ title: 'Black Swan', genre: 'Gerilim', year: 2010, desc: 'Kuğu Gölü balesinde başrolü alan bir balerin, rolü için karanlık tarafıyla yüzleşir ve akıl sağlığını kaybetmeye başlar.', img: 'https://m.media-amazon.com/images/M/MV5BNzY2NzI4OTE5MF5BMl5BanBnXkFtZTcwMjMyNDY4Mw@@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'A Quiet Place', genre: 'Gerilim', year: 2018, desc: 'Bir aile, sese duyarlı gizemli yaratıklardan saklanarak hayatta kalmak için sessizlik içinde yaşamalıdır.', img: 'https://m.media-amazon.com/images/M/MV5BMjI0MDMzNTQ0M15BMl5BanBnXkFtZTgwMTM5NzM3NDM@._V1_SX300.jpg', imdb: 7.5 },
{ title: 'Get Out', genre: 'Gerilim', year: 2017, desc: 'Siyahi bir adam, beyaz kız arkadaşının ailesiyle tanışır ve kendini uğursuz bir komplonun içinde bulur.', img: 'https://m.media-amazon.com/images/M/MV5BMjA4NDI0MTIxN15BMl5BanBnXkFtZTgwOTc5MDE5OTE@._V1_SX300.jpg', imdb: 7.7 },
// --- KATEGORI: KOMEDI ---
{ title: '3 Idiots', genre: 'Komedi', year: 2009, desc: 'Hindistan\'ın en iyi mühendislik okulunda, iki arkadaş kayıp arkadaşlarını ararken geçmişe döner.', img: 'https://m.media-amazon.com/images/M/MV5BNTkyOGVjMGEtNmQzZi00NzFlLTljYTEtYmMxNjE2ZTA0YjA3XkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Dr. Strangelove', genre: 'Komedi', year: 1964, desc: 'Dengesiz bir general, nükleer bir saldırı başlatır ve bir grup politikacı felaketi durdurmaya çalışır.', img: 'https://m.media-amazon.com/images/M/MV5BZWI3ZTMxNjctMjdlNS00NmUwLWFiM2YtZDUyYWE3NjI1YzVkXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'The Grand Budapest Hotel', genre: 'Komedi', year: 2014, desc: 'Ünlü bir Avrupa otelinin konsiyerji ve lobi görevlisinin iki savaş arasındaki maceraları.', img: 'https://m.media-amazon.com/images/M/MV5BMzM5NjUxOTEyNV5BMl5BanBnXkFtZTgwNjEyMDM0MDE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Snatch', genre: 'Komedi', year: 2000, desc: 'Londra\'nın yeraltı dünyasında, bir elmas soygunu etrafında dönen karmaşık ve komik olaylar.', img: 'https://m.media-amazon.com/images/M/MV5BMTA2NDYxOGYtYjU1Mi00Y2QzLTgxMTQtMWI1MGI0ZGQ5MmU4XkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'The Big Lebowski', genre: 'Komedi', year: 1998, desc: 'Tembel bir bowling tutkunu olan "Dude", kendisiyle aynı adı taşıyan bir milyonerle karıştırılır.', img: 'https://m.media-amazon.com/images/M/MV5BMTQ0NjUzMDMyOF5BMl5BanBnXkFtZTgwODA1OTU0MDE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Shaun of the Dead', genre: 'Komedi', year: 2004, desc: 'Sıradan bir adam, bir zombi kıyameti sırasında sevdiklerini kurtarmaya karar verir.', img: 'https://m.media-amazon.com/images/M/MV5BMTYyODg1Nzc4MV5BMl5BanBnXkFtZTgwMjI3MTQ2NDE@._V1_SX300.jpg', imdb: 7.9 },
{ title: 'Superbad', genre: 'Komedi', year: 2007, desc: 'İki lise öğrencisi, mezuniyetten önce bir partiye gitmek için komik bir maceraya atılır.', img: 'https://m.media-amazon.com/images/M/MV5BMTc0NjIyMjA2OF5BMl5BanBnXkFtZTYwOTE0OTc3._V1_SX300.jpg', imdb: 7.6 },
{ title: 'Groundhog Day', genre: 'Komedi', year: 1993, desc: 'Kibirli bir hava durumu sunucusu, aynı günü tekrar tekrar yaşamak zorunda kalır.', img: 'https://m.media-amazon.com/images/M/MV5BZWIxNzM5YzQtY2FmMS00Yjc3LWI1ZjUtNGVjMjMzZTIxZTIxXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.0 },
{ title: 'Little Miss Sunshine', genre: 'Komedi', year: 2006, desc: 'Sorunlu bir aile, küçük kızlarını bir güzellik yarışmasına götürmek için eski bir minibüsle ülkeyi baştan başa geçer.', img: 'https://m.media-amazon.com/images/M/MV5BMTgzOTg2ODk1OF5BMl5BanBnXkFtZTcwNjM3MTEzMw@@._V1_SX300.jpg', imdb: 7.8 },
{ title: 'Juno', genre: 'Komedi', year: 2007, desc: 'Beklenmedik bir şekilde hamile kalan alaycı bir genç kız, bebeği için mükemmel ebeveynleri bulmaya karar verir.', img: 'https://m.media-amazon.com/images/M/MV5BMTgxMjk4Mjc1OV5BMl5BanBnXkFtZTcwMzc4Njk3MQ@@._V1_SX300.jpg', imdb: 7.4 },
{ title: 'Office Space', genre: 'Komedi', year: 1999, desc: 'Bir teknoloji şirketinin üç çalışanı, ruh emici işlerinden nefret eder ve isyan etmeye karar verir.', img: 'https://m.media-amazon.com/images/M/MV5BOTA5MzQ3MzI1MV5BMl5BanBnXkFtZTgwNTcxNTYxMTE@._V1_SX300.jpg', imdb: 7.7 },
// --- KATEGORI: FANTASTIK & MACERA ---
{ title: 'The Lord of the Rings: The Return of the King', genre: 'Fantastik & Macera', year: 2003, desc: 'Gandalf ve Aragorn, Sauron\'un ordularına karşı son bir savaş verirken, Frodo ve Sam yüzüğü yok etmek için Mordor\'a yaklaşır.', img: 'https://m.media-amazon.com/images/M/MV5BNzA5ZDNlZWMtM2NhNS00NDJjLTk4NDItYTRmY2EwMWZlMTY3XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.9 },
{ title: 'The Lord of the Rings: The Fellowship of the Ring', genre: 'Fantastik & Macera', year: 2001, desc: 'Genç bir hobbit, güçlü bir yüzüğü yok etmek için tehlikeli bir yolculuğa çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BN2EyZjM3NzUtNWUzMi00MTgxLWI0NTctMzY4M2VlOTdjZWRiXkEyXkFqcGdeQXVyNDUzOTQ5MjY@._V1_SX300.jpg', imdb: 8.8 },
{ title: 'The Lord of the Rings: The Two Towers', genre: 'Fantastik & Macera', year: 2002, desc: 'Yüzük Kardeşliği dağılırken, Frodo ve Sam Mordor\'a yolculuklarına devam eder, diğerleri ise Saruman\'ın ordularıyla savaşır.', img: 'https://m.media-amazon.com/images/M/MV5BZGMxZTdjZmYtMmE2Ni00ZTdkLWI5NTgtNjlmMjBiNzU2MmI5XkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'Star Wars: Episode V - The Empire Strikes Back', genre: 'Fantastik & Macera', year: 1980, desc: 'İmparatorluk güçleri Asileri kovalarken, Luke Skywalker Jedi eğitimi almak için Yoda\'yı bulur.', img: 'https://m.media-amazon.com/images/M/MV5BYmU1NDRjNDgtMzhiMi00NjZmLTg5NGItZDNiZjU5NTU4OTE0XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg', imdb: 8.7 },
{ title: 'Star Wars: Episode IV - A New Hope', genre: 'Fantastik & Macera', year: 1977, desc: 'Luke Skywalker, bir Jedi Şövalyesi, bir pilot ve iki droidle birlikte galaksiyi kurtarmak ve Prenses Leia\'yı kurtarmak için yola çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BOTA5NjhiOTAtZWM0ZC00MWNhLThiMzEtZDFkOTk2OTU1ZDJkXkEyXkFqcGdeQXVyMTA4NDI1NTQx._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Indiana Jones and the Raiders of the Lost Ark', genre: 'Fantastik & Macera', year: 1981, desc: 'Arkeolog Indiana Jones, Nazilerin efsanevi Ahit Sandığı\'nı bulmasını engellemek için işe alınır.', img: 'https://m.media-amazon.com/images/M/MV5BNTU2ODkyY2MtMjU1NC00NjE1LWEzYjgtMWQ3MzRhMTE0NDc0XkEyXkFqcGdeQXVyMjM4NTM5NDY@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Pan\'s Labyrinth', genre: 'Fantastik & Macera', year: 2006, desc: 'İspanya İç Savaşı sırasında, genç bir kız faşist üvey babasının zulmünden kaçmak için tekinsiz bir fantezi dünyasına dalar.', img: 'https://m.media-amazon.com/images/M/MV5BMTU3ODg2NjQ5NF5BMl5BanBnXkFtZTcwMDEwODgzMQ@@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'How to Train Your Dragon', genre: 'Fantastik & Macera', year: 2010, desc: 'Genç bir Viking, ejderha avlama geleneğine aykırı olarak bir ejderhayla arkadaş olur.', img: 'https://m.media-amazon.com/images/M/MV5BMjA5NDQyMjc2NF5BMl5BanBnXkFtZTcwMjg5ODcyMw@@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Princess Mononoke', genre: 'Fantastik & Macera', year: 1997, desc: 'Ashitaka, orman tanrıları ve insanların çatışmasının ortasında kalır.', img: 'https://m.media-amazon.com/images/M/MV5BNGIzY2IzODQtNThmMi00ZDE4LWI5YzAtNzNlZTM1ZjYyYjNE considérableXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'The Princess Bride', genre: 'Fantastik & Macera', year: 1987, desc: 'Bir dede, hasta torununa bir çiftlik çocuğunun gerçek aşkını kurtarma macerasını okur.', img: 'https://m.media-amazon.com/images/M/MV5BMGM4M2Q5N2MtNThkOC00NTkwLWIwOWYtYjY2YTIxZWIuMDQ1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg', imdb: 8.0 },
// --- KATEGORI: ANIMASYON ---
{ title: 'Spider-Man: Into the Spider-Verse', genre: 'Animasyon', year: 2018, desc: 'Miles Morales, Örümcek Adam olur ve diğer boyutlardan gelenlerle birlikte ortak bir tehdidi durdurur.', img: 'https://m.media-amazon.com/images/M/MV5BMjMwNDkxMTgzOF5BMl5BanBnXkFtZTgwNTkwNTQ3NjM@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Spirited Away', genre: 'Animasyon', year: 2001, desc: 'Genç bir kız, ailesiyle taşınırken tanrılar, cadılar ve ruhlar tarafından yönetilen bir dünyaya girer.', img: 'https://m.media-amazon.com/images/M/MV5BMjlmZmI5MDctNDE2YS00YWE0LWE5ZWItZDBhYWQ0NTcxNWRhXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX300.jpg', imdb: 8.6 },
{ title: 'Coco', genre: 'Animasyon', year: 2017, desc: 'Müzisyen olmak isteyen Miguel, ailesinin müziğe karşı yasağını öğrenmek için Ölüler Diyarı\'na gider.', img: 'https://m.media-amazon.com/images/M/MV5BYjQ5NjM0Y2YtNjZkNC00ZDhkLWI1YzgtMmQyNjQ5ZWRhMWZdXkEyXkFqcGdeQXVyODUxOTU0OTg@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'WALL·E', genre: 'Animasyon', year: 2008, desc: 'Uzak bir gelecekte, küçük bir atık toplama robotu, istemeden insanlığın kaderini değiştirecek bir uzay yolculuğuna çıkar.', img: 'https://m.media-amazon.com/images/M/MV5BMTg4MDk2MTQxNl5BMl5BanBnXkFtZTgwNzcxOTc0NTM@._V1_SX300.jpg', imdb: 8.4 },
{ title: 'Up', genre: 'Animasyon', year: 2009, desc: '78 yaşındaki Carl Fredricksen, evine binlerce balon bağlayarak Güney Amerika\'ya gitme hayalini gerçekleştirir.', img: 'https://m.media-amazon.com/images/M/MV5BMTk3NDE2NzI4NF5BMl5BanBnXkFtZTgwNzE1MzEyMTE@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Toy Story', genre: 'Animasyon', year: 1995, desc: 'Bir kovboy bebeği, yeni bir uzay adamı oyuncağı gelip en sevilen oyuncak olarak yerini aldığında kıskançlığa kapılır.', img: 'https://m.media-amazon.com/images/M/MV5BMDU2ZWJlMjktMTRhMy00ZTA5LWEzNDgtYmNmZTEwZTViZWJkXkEyXkFqcGdeQXVyNDQ2OTk4MzI@._V1_SX300.jpg', imdb: 8.3 },
{ title: 'Inside Out', genre: 'Animasyon', year: 2015, desc: 'Genç bir kız olan Riley\'nin zihnindeki beş duygu - Neşe, Üzüntü, Öfke, Korku ve Tiksinti - hayatını yönlendirir.', img: 'https://m.media-amazon.com/images/M/MV5BOTgxMDQwMDk0OF5BMl5BanBnXkFtZTgwNjU5OTg2NDE@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Finding Nemo', genre: 'Animasyon', year: 2003, desc: 'Aşırı korumacı bir palyaço balığı, kaçırılan oğlu Nemo\'yu bulmak için okyanusu aşar.', img: 'https://m.media-amazon.com/images/M/MV5BZTAzNWZlNmUtZDEzYi00ZjA5LWIwYjEtZGM1NWE1MjE4YWRhXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_SX300.jpg', imdb: 8.1 },
{ title: 'Klaus', genre: 'Animasyon', year: 2019, desc: 'Bencil bir postacı, donmuş bir adadaki münzevi bir oyuncakçıyla beklenmedik bir dostluk kurar.', img: 'https://m.media-amazon.com/images/M/MV5BMWYwOThjM2ItZGYxNy00NTQwLWFlZWEtM2MzM2Q5MmY3NThkXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX300.jpg', imdb: 8.2 },
{ title: 'Howl\'s Moving Castle', genre: 'Animasyon', year: 2004, desc: 'Genç bir kadın, bir cadı tarafından lanetlenip yaşlı bir kadına dönüştürülünce, kendini gezgin bir şatoda yaşarken bulur.', img: 'https://m.media-amazon.com/images/M/MV5BMTY1OTg0MjE3MV5BMl5BanBnXkFtZTcwNTUxMTkyMQ@@._V1_SX300.jpg', imdb: 8.2 }
];
const movieGrid = document.getElementById('movie-grid');
const genreFilter = document.getElementById('genre-filter');
const searchInput = document.getElementById('search-input');
const statusMessage = document.getElementById('status-message');
function displayMovies(moviesToDisplay) {
movieGrid.innerHTML = '';
if (moviesToDisplay.length === 0) {
statusMessage.textContent = 'Bu kriterlere uygun film bulunamadı.';
movieGrid.appendChild(statusMessage);
return;
}
moviesToDisplay.forEach(movie => {
const movieCardHTML = `
<div class="movie-card">
<img src="${movie.img}" alt="${movie.title}" loading="lazy" onerror="this.onerror=null;this.src='https://placehold.co/400x600/1a1a1a/f5c518?text=${encodeURIComponent(movie.title)}';">
<div class="movie-info">
<h3>${movie.title}</h3>
<div class="movie-meta">
<span class="movie-year">${movie.year}</span>
<span class="movie-rating">⭐ ${movie.imdb.toFixed(1)}</span>
</div>
<p class="movie-description">${movie.desc}</p>
</div>
</div>
`;
movieGrid.insertAdjacentHTML('beforeend', movieCardHTML);
});
}
function setupFilters() {
const genres = ['Tüm Kategoriler', ...new Set(movies.map(movie => movie.genre).sort())];
genres.forEach(genre => {
const option = document.createElement('option');
option.value = genre === 'Tüm Kategoriler' ? 'all' : genre;
const count = genre === 'Tüm Kategoriler' ? movies.length : movies.filter(m => m.genre === genre).length;
option.textContent = `${genre} (${count})`;
genreFilter.appendChild(option);
});
genreFilter.addEventListener('change', applyFilters);
searchInput.addEventListener('input', applyFilters);
}
let filterTimeout;
function applyFilters() {
clearTimeout(filterTimeout);
statusMessage.textContent = 'Filtreleniyor...';
movieGrid.innerHTML = '';
movieGrid.appendChild(statusMessage);
filterTimeout = setTimeout(() => {
const selectedGenre = genreFilter.value;
const searchTerm = searchInput.value.toLowerCase();
let filteredMovies = movies;
if (selectedGenre !== 'all') {
filteredMovies = filteredMovies.filter(movie => movie.genre === selectedGenre);
}
if (searchTerm) {
filteredMovies = filteredMovies.filter(movie => movie.title.toLowerCase().includes(searchTerm));
}
displayMovies(filteredMovies);
}, 100);
}
setTimeout(() => {
setupFilters();
displayMovies(movies);
}, 50);
});
</script>
</body>
</html>
Selamlar yapay zekaya yaptırdığım film öneri sitesi kodları yukarıdadır listeyi manuel ekleyip film öneri listesini çoğaltabilirsiniz film öneri listeside sadece resim ve yazılardan ibarettir kategoriyi seçip hafta sonuna film seçin ASLINDA ÖNERİDEN ÇOK İDMB PUANI EN YÜKSEK FİLM LİSTESİDE DİYEBİLİRİZ
