Hugging Face's logo

Spaces:
sheikhed
/
prime-video
Running

App Files Community
prime-video
File size: 2,294 Bytes 
3dd5dfd
5a6926d
3dd5dfd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 

<html>
    <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amazon Prime Clone</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
  <nav class="navbar">
    <div class="nav-content">
      <img class="logo" src="https://picfy.xyz/prime/amz.png" alt="Amazon Prime Video">
      <div class="nav-links">
        <div class="search-container">
          <input type="text" class="search-input" placeholder="Search movies &amp; TV shows..." id="search-input">
          <div class="search-results" id="search-results"></div>
        </div>
      </div>
    </div>
  </nav>

  <main class="main-content">
    <div class="trending-hero" id="trending-hero">
      <div class="trending-hero-content">
        <h1 id="hero-title"></h1>
        <p id="hero-overview"></p>
      </div>
      <div class="trending-dots" id="trending-dots"></div>
    </div>

    <section class="row">
      <h2 class="row-header">New Releases</h2>
      <div class="carousel-container">
        <button class="carousel-arrow prev">&#x25c4;</button>
        <div class="carousel" id="new-releases"></div>
        <button class="carousel-arrow next">&#x25ba;</button>
      </div>
    </section>

    <section class="row">
      <h2 class="row-header">Top Movies</h2>
      <div class="carousel-container">
        <button class="carousel-arrow prev">&#x25c4;</button>
        <div class="carousel" id="top-movies"></div>
        <button class="carousel-arrow next">&#x25ba;</button>
      </div>
    </section>

    <section class="row">
      <h2 class="row-header">Top TV Shows</h2>
      <div class="carousel-container">
        <button class="carousel-arrow prev">&#x25c4;</button>
        <div class="carousel" id="top-tv"></div>
        <button class="carousel-arrow next">&#x25ba;</button>
      </div>
    </section>
  </main>

  <div class="modal" id="modal">
    <div class="modal-content">
      <span class="close-modal" onclick="closeModal()">&#xd7;</span>
      <div class="iframe-container">
        <div class="loader" id="loader"></div>
        <iframe id="player-iframe" allowfullscreen></iframe>
      </div>
      <div class="movie-details">
      </div>
    </div>
  </div>
  
  <script src="script.js"></script>
  
</body>
</html>