Carousel Cards

1"use client";
2 
3/**
4 * @author: @dorianbaffier
5 * @description: Carousel Cards
6 * @version: 1.0.0
7 * @date: 2025-06-26
8 * @license: MIT
9 * @website: https://kokonutui.com
10 * @github: https://github.com/kokonut-labs/kokonutui
11 */
12 
13import { ChevronLeft, ChevronRight, Heart, Star } from "lucide-react";
14import Image from "next/image";
15import Link from "next/link";
16import React from "react";
17import { Badge } from "@/components/ui/badge";
18import { Button } from "@/components/ui/button";
19import { Card, CardContent, CardFooter } from "@/components/ui/card";
20 
21interface ExperienceItem {
22  id: string;
23  title: string;
24  image: string;
25  location: string;
26  price: number;
27  currency?: string;
28  rating?: number;
29  reviewCount?: number;
30  badge?: string;
31  date?: string;
32}
33 
34interface ExperienceGridProps {
35  title: string;
36  items: ExperienceItem[];
37  viewAllHref?: string;
38}
39 
40const sampleExperiences: ExperienceItem[] = [
41  {
42    id: "1",
43    title: "Become an Otaku Hottie with Megan Thee Stallion",
44    image: "https://images.unsplash.com/photo-1615571022219-eb45cf7faa9d",
45    location: "Los Angeles, United States",
46    price: 120,
47    currency: "€",
48    rating: 4.97,
49    reviewCount: 128,
50    badge: "Original",
51    date: "Closes May 21",
52  },
53  {
54    id: "2",
55    title: "Spend a Sunday Funday with Patrick Mahomes",
56    image: "https://images.unsplash.com/photo-1622127922040-13cab637ee78",
57    location: "Kansas City, United States",
58    price: 150,
59    currency: "€",
60    rating: 4.92,
61    reviewCount: 86,
62    badge: "Original",
63    date: "Closes Today",
64  },
65  {
66    id: "3",
67    title: "Celebrate with SEVENTEEN on their 10th anniversary",
68    image: "https://images.unsplash.com/photo-1534430480872-3498386e7856",
69    location: "Seoul, South Korea",
70    price: 200,
71    currency: "€",
72    rating: 4.98,
73    reviewCount: 254,
74    badge: "Original",
75    date: "Closed May 17",
76  },
77  {
78    id: "4",
79    title: "Learn the secrets of French pastry with nonnas",
80    image: "https://images.unsplash.com/photo-1604999333679-b86d54738315",
81    location: "Paris, France",
82    price: 70,
83    currency: "€",
84    rating: 4.97,
85    reviewCount: 112,
86    badge: "Original",
87  },
88  {
89    id: "5",
90    title: "Uncover the world of cabaret with a burlesque show",
91    image: "https://images.unsplash.com/photo-1552733407-5d5c46c3bb3b",
92    location: "Paris, France",
93    price: 92,
94    currency: "€",
95    rating: 4.9,
96    reviewCount: 78,
97    badge: "Original",
98  },
99  {
100    id: "6",
101// … truncated