WelcomeTo.swift

import SwiftUI
import PlaygroundSupport

struct whatsNewRow: View { 
    var icon: String
    var title: String
    var description: String
    var body: some View { 
        HStack (spacing: 24) { 
            VStack { 
                Image(systemName: icon)
                .font(.system(size: 32))
                .foregroundColor(Color(UIColor.orange))
                .frame(width: 32)
            }
            VStack (alignment: .leading, spacing: 4) {
                Text(title)
                    .font(.headline)
                Text(description)
                    .font(.callout)
                .foregroundColor(Color(UIColor.secondaryLabel))
            }
        }
    }
}

struct Screen: View { 
    var body: some View {
        ZStack {
            Color.gray
                .edgesIgnoringSafeArea(.all)
        
            VStack {
                VStack { 
                    Spacer()
                    HStack {
                        Spacer()
                        Text("Welcome to Your Updated App")
                            .font(.largeTitle)
                            .fontWeight(.bold)
                            .multilineTextAlignment(.center)
                        Spacer()
                    }
                    Spacer()
                    
                    //What's new items
                    VStack (alignment: .leading, spacing: 24) { 
                        whatsNewRow(icon: "play.circle.fill", title: "Listen Anytime, Anywhere", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
                        
                        whatsNewRow(icon: "music.mic", title: "Powerful Stories", description: "Ut enim ad minim veniam, quis nostrud exercitation ullamco.")
                        
                        whatsNewRow(icon: "cloud.fill", title: "Peace of Mind", description: "Duis aute irure dolor in occaecat in voluptate.")
                    }
                    Spacer()
                    VStack (spacing: 32) { 
                        VStack (spacing: 16) { 
                            Image(systemName: "person.2.fill")
                                .font(.system(size: 24))
                                .foregroundColor(Color(UIColor.orange))
                            Text("Data on your podcast listening and interactions is collected to improve the service and is not associated with your Apple ID.")
                                .font(.caption)
                                .multilineTextAlignment(.center)
                                .foregroundColor(Color(UIColor.secondaryLabel))
                            Text("See how your data is managed...")
                                .font(.caption)
                                .multilineTextAlignment(.center)
                                .foregroundColor(Color(UIColor.orange))
                        }
                        VStack { 
                            Button(action: {}) {
                                Text("Continue")
                                    .fontWeight(.semibold)
                            }
                            .padding()
                            .foregroundColor(.white)
                            .frame(maxWidth: .infinity)
                            .background(Color(UIColor.orange))
                            .cornerRadius(14)
                        }
                    }
                    
                    Spacer()
                }
            }
        .padding(20)
            .frame(width: 375, height: 812)
            .background(Color(UIColor.systemBackground))
            .cornerRadius(20)
        }
    }
}

PlaygroundPage.current.setLiveView(Screen())