SwiftUI Landing Page

SwiftUI Landing Page

ContentView.swift

 
//
//  ContentView.swift
//  Swiftuitest
//
//  Created by Cairocoders
//

import SwiftUI

struct ContentView: View {
    
    var body: some View {
        ZStack {
            Image("onboarding").resizable().aspectRatio(contentMode: .fill).edgesIgnoringSafeArea(.all)
            
            Rectangle()
                .foregroundColor(.clear)
                .background(LinearGradient(gradient: Gradient(colors: [.clear, .black]), startPoint: .bottom, endPoint: .top))
                .edgesIgnoringSafeArea(.all)
            
            VStack (spacing :29) {
                Text("GigaPro").font(.title).fontWeight(.heavy)
                Spacer()
                VStack {
                    Text("Good App").font(.system(size: 40, design: .monospaced)).fontWeight(.heavy)
                    Text("Make Live Better").font(.system(size: 30, design: .monospaced)).fontWeight(.heavy)
                }.padding(.vertical, 20)
                
                Text("Check out the trendy App")
                    .lineLimit(2)
                    .multilineTextAlignment(.center)
                
                Button(action: {}) {
                    Text("Join Now").padding()
                }.frame(width:300).background(Color.orange)
            }.frame(width: UIScreen.main.bounds.width - 40)
                .foregroundColor(.white)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}