diff --git a/apps/website/src/components/ScreenshotShowcase.astro b/apps/website/src/components/ScreenshotShowcase.astro index ef5c77358..e37c65f6b 100644 --- a/apps/website/src/components/ScreenshotShowcase.astro +++ b/apps/website/src/components/ScreenshotShowcase.astro @@ -1,17 +1,45 @@ --- -import { Image } from 'astro:assets'; -import playerImg from '../assets/screenshots/player.png'; -import epgImg from '../assets/screenshots/epg.png'; -import playlistsImg from '../assets/screenshots/playlists.png'; -import settingsImg from '../assets/screenshots/settings.png'; -import uploadFileImg from '../assets/screenshots/upload-file.png'; - const tabs = [ - { id: 'player', label: 'Player', image: playerImg, alt: 'IPTVnator video player interface' }, - { id: 'epg', label: 'EPG Guide', image: epgImg, alt: 'Electronic program guide view' }, - { id: 'playlists', label: 'Playlists', image: playlistsImg, alt: 'Playlist management screen' }, - { id: 'settings', label: 'Settings', image: settingsImg, alt: 'Application settings' }, - { id: 'upload', label: 'Add Playlist', image: uploadFileImg, alt: 'Add playlist dialog' }, + { + id: 'dashboard', + label: 'Dashboard', + image: '/iptvnator/screenshots/dashboard-with-content.webp', + alt: 'Dashboard with recently watched content and global favorites', + width: 2072, + height: 1602, + }, + { + id: 'live-tv', + label: 'Live TV', + image: '/iptvnator/screenshots/screenshot-player.webp', + alt: 'Live channels with the inline player and EPG', + width: 2442, + height: 1806, + }, + { + id: 'epg', + label: 'EPG Guide', + image: '/iptvnator/screenshots/multi-epg-view.webp', + alt: 'Multi-channel electronic program guide', + width: 2180, + height: 1448, + }, + { + id: 'settings', + label: 'Settings', + image: '/iptvnator/screenshots/settings.webp', + alt: 'Application settings in the dark theme', + width: 2500, + height: 1602, + }, + { + id: 'add-playlist', + label: 'Add Playlist', + image: '/iptvnator/screenshots/add-playlist.webp', + alt: 'Add playlist dialog for M3U, Xtream, and Stalker sources', + width: 2260, + height: 1490, + }, ]; --- @@ -79,11 +107,14 @@ const tabs = [ {tab.label} - {tab.alt}