import SwiftUI

extension Color {
static let customDarkGreen = Color(red: 0.0, green: 0.5, blue: 0.25)
static let customLightGreen = Color(red: 0.6, green: 0.8, blue: 0.4)
}

struct FullAccessView: View {
var body: some View {
    VStack(spacing: 20) {
        Spacer()
        Image("logo")
            .resizable()
            .frame(width: 128, height: 128)
            .padding()
        
        Text("Join SwiftUI.art to get full access")
            .font(.system(size: 30))
            .fontWeight(.bold)
            .multilineTextAlignment(.center)
            .padding()
        
        VStack(alignment: .leading,spacing: 32, content: {
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("100+ components ready to use.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("A single payment for lifelong usage!")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("We keep updating and adding more designs.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
        })
       
        
        Spacer()
        
        Text("Lifetime access for $299")
            .font(.subheadline)
            .foregroundColor(.black)
            .bold()
            
        
        Spacer()
    }
    .padding(.horizontal, 40)
    .background(Color.customLightGreen.opacity(0.2))
    
}
}

struct FullAccessView_Previews: PreviewProvider {
static var previews: some View {
    FullAccessView()
}
}