import { Metadata } from "next" import Image from "next/image" import { PlusCircledIcon } from "@radix-ui/react-icons" import { Button } from "@/components/ui/button" import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area" import { Separator } from "@/components/ui/separator" import { Tabs, TabsContent, TabsList, TabsTrigger, } from "@/components/ui/tabs" import { AlbumArtwork } from "./components/album-artwork" import { Menu } from "./components/menu" import { PodcastEmptyPlaceholder } from "./components/podcast-empty-placeholder" import { Sidebar } from "./components/sidebar" import { listenNowAlbums, madeForYouAlbums } from "./data/albums" import { playlists } from "./data/playlists" export const metadata: Metadata = { title: "Music and podcasts", description: "Your music and podcast app.", } export default function MusicPage() { return (

Music Podcasts Live

Listen Now

Top picks for you. Updated daily.

{listenNowAlbums.map((album) => ( ))}

Made for You

Your personal playlists. Updated daily.

{madeForYouAlbums.map((album) => ( ))}

New Episodes

Your favorite podcasts. Updated daily.

) }