latent-booking/apps/user-fe/app/_components/latentPlusEpisodes.tsx at e9ce8f948d17a5e7382095b988a2f38d507c1f3c · code100x/latent-booking · GitHub

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
"use client";
import { useState } from "react";
import { Dialog, DialogContent } from "@repo/ui/dialog";
import { PremiumFeatures } from "./home/premiumFeature";
import { Carousel } from "./carousel";
import { LatentPlusEpisodeCard } from "./home/latentPlusEpisodeCard";

export const premiumEpisodes = [
  {
    title:
      "India's Got Latent ft. Ashish Chanchlani, Beer Biceps, Rebel Kid | EP 1",
    thumbnail: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
    slug: "episode-1",
    videoUrl: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
  },
  {
    title: "India's Got Latent ft. Tanmay Bhat, CarryMinati | EP 2",
    thumbnail: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
    slug: "episode-2",
    videoUrl: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
  },
  {
    title: "India's Got Latent ft. Zakir Khan, BB Ki Vines | EP 3",
    thumbnail: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
    slug: "episode-3",
    videoUrl: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
  },
  {
    title: "India's Got Latent ft. Harsh Gujral, Technical Guruji | EP 4",
    thumbnail: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
    slug: "episode-4",
    videoUrl: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
  },
  {
    title: "India's Got Latent ft. Anubhav Bassi, Flying Beast | EP 5",
    thumbnail: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
    slug: "episode-5",
    videoUrl: "https://m.media-amazon.com/images/M/MV5BNDViYTM1MDUtZjZlZi00YTEyLWFiNmYtZGQ0Yjk0Mzk3MmY0XkEyXkFqcGc@._V1_.jpg",
  },
];

export function LatentPlusEpisodes() {
  const [isPremiumFeaturesOpen, setIsPremiumFeaturesOpen] = useState(false);
  return (
    <>
      <Carousel
        title="Latent+ Episodes"
        titleClassName="text-[#F8D48D]"
        itemClassName="gap-3 [&>*]:cursor-pointer"
      >
        {premiumEpisodes.map((episode) => (
          <LatentPlusEpisodeCard key={episode.slug} {...episode} />
        ))}
      </Carousel>
      <Dialog
        open={isPremiumFeaturesOpen}
        onOpenChange={setIsPremiumFeaturesOpen}
      >
        <DialogContent>
          <PremiumFeatures />
        </DialogContent>
      </Dialog>
    </>
  );
}