Carousel

Preview

Thinnest, lightest Galaxy Z Fold¹

Ultra detailed. Ultra clear photos

Our most powerful processor customised for Galaxy¹

Next-gen Galaxy AI on the large screen

CarouselData Shape

 id: string;
 title: string;         // HTML allowed
 mediaType: string;     // "image" | "video"
 mediaSrc: string;      // URL/path to media asset

index.astro

import ISiteCarousel from '/components/ISiteCarousel.astro';

export let carouselData = [
  {
    id: "carousel-1",
    title: "Thinnest, lightest Galaxy Z Fold<sup class='srp-footnote'>1</sup>",
    mediaType: "video",
    mediaSrc:
      "/assets/videos/galaxy-z-fold7-features-highlights-design.mp4",
  },
  {
    id: "carousel-2",
    title: "Ultra detailed. Ultra clear photos",
    mediaType: "image",
    mediaSrc: "/assets/images/carousel-2.png",
  },
  {
    id: "carousel-3",
    title: "Our most powerful processor<br class='md:hidden' /> customised for Galaxy<sup class='srp-footnote'>1</sup>",
    mediaType: "video",
    mediaSrc:
      "/assets/videos/galaxy-z-fold7-features-highlights-ap.mp4",
  },
  {
    id: "carousel-4",
    title: "Next-gen Galaxy AI on the large screen",
    mediaType: "video",
    mediaSrc:
      "/assets/videos/galaxy-z-fold7-features-highlights-ai.mp4",
  },
]
---

<ISiteCarousel carouselData={carouselData} prefix="design" />