LazyColumn(
                    modifier = Modifier.padding(top = 245.dp),
                ) {
                    // Row with videos
                    item {
                        LazyRow(
                            horizontalArrangement = Arrangement.spacedBy(16.dp),
                            contentPadding = PaddingValues(horizontal = 16.dp, vertical = 24.dp),
                        ) {
                            items(videos.size) { index ->
                                val exoPlayer = remember {
                                    ExoPlayer.Builder(context).build().apply {
                                        setMediaItem(MediaItem.fromUri(videos[index]))
                                        prepare()
                                        playWhenReady = true
                                        repeatMode = Player.REPEAT_MODE_ONE
                                    }
                                }

                                PlayerSurface(
                                    player = exoPlayer,
                                    surfaceType = SURFACE_TYPE_SURFACE_VIEW,
                                    modifier = Modifier
                                        .width(140.dp)
                                        .height(245.dp)
                                        .padding(8.dp),
                                )
                            }
                        }
                    }

                    // Add dummy views to fill the column
                    items(30) { index ->
                        Text(
                            text = "Dummy item #$index",
                            modifier = Modifier
                                .fillMaxWidth()
                                .padding(16.dp)
                        )
                    }
                }