2021_day3_track_order.swift

//
//  ContentView.swift
//  Day3
//
//  Created by Amos Gyamfi on 3.1.2021.
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            
            Image("logo")
            
            Spacer()
            
            ZStack {
                Circle()
                    .frame(width: 332, height: 332)
                    .foregroundColor(Color(#colorLiteral(red: 0.5137254902, green: 0.7215686275, blue: 0.9294117647, alpha: 1)))
                    
                VStack() {
                    Image("biker")
                        
                    Divider()
                    
                    Image("car")
                    
                    Divider()
                        
                    Image("deliverer")
                        
                    Divider()
                        
                    Image("motobike")
                        
                    Divider()
                            
                    }.clipShape(/*@START_MENU_TOKEN@*/Circle()/*@END_MENU_TOKEN@*/)
                
            }
            
            VStack {
                Text("Track Your Order")
                    .font(.system(size: 22))
                Text("See your order in real-time")
                    .foregroundColor(Color(#colorLiteral(red: 0.8039215803, green: 0.8039215803, blue: 0.8039215803, alpha: 1)))
            }.padding()
           
           
            Spacer()
            
            HStack {
                Circle()
                    .frame(width: 9, height: 9)
                ForEach(0 ..< 4) { item in
                    Circle()
                        .frame(width: 9, height: 9)
                        .foregroundColor(Color(#colorLiteral(red: 0.6000000238, green: 0.6000000238, blue: 0.6000000238, alpha: 1)))
                }
            }  // Indicators
            
            HStack(spacing: 30) {
                RoundedRectangle(cornerRadius: 4)
                    .stroke()
                    .frame(width: 160, height: 48, alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/)
                    .overlay(Text("Sign In"))
                
                RoundedRectangle(cornerRadius: 4)
                    .frame(width: 160, height: 48, alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/)
                    .foregroundColor(Color(#colorLiteral(red: 0.5137254902, green: 0.7215686275, blue: 0.9294117647, alpha: 1)))
                    .overlay(Text("Get Started"))
            }.padding()
            
        } // Container for all views
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .preferredColorScheme(/*@START_MENU_TOKEN@*/.dark/*@END_MENU_TOKEN@*/)
    }
}