contentview.swift

//
//  ContentView.swift
//  Shared
//
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            HStack(alignment: .top, spacing: 162) {
                    ZStack {
                            Ellipse()
                            .fill(Color(red: 0.80, green: 1, blue: 0.71))
                            .offset(x: -410, y: -565)
                            .frame(width: 63, height: 63)
                            .shadow(radius: 25, y: 4)

                            RoundedRectangle(cornerRadius: 8)
                            .fill(Color(red: 0.55, green: 0.20, blue: 1))
                            .offset(x: -410.11, y: -565.33)
                            .frame(width: 23.16, height: 25.95)
                    }
                    .frame(width: 63, height: 63)

                    Rectangle()
                    .fill(Color(red: 0.77, green: 0.77, blue: 0.77))
                    .frame(width: 100, height: 100)
            }
            .padding(.leading, 215)
            .padding(.trailing, 492)
            .padding(.top, 237)
            .padding(.bottom, 599)
            .offset(x: 114, y: -211.10)
            .frame(width: 1032, height: 975.80)
            .background(Color(red: 0.50, green: 0.23, blue: 0.27, opacity: 0.50))
            .cornerRadius(8)

            VStack(spacing: 32.25) {
                ZStack {
                    Ellipse()
                    .fill(Color.white)
                    .offset(x: -157, y: 248)
                    .frame(width: 104, height: 104)

                    RoundedRectangle(cornerRadius: 8)
                    .fill(Color(red: 0.50, green: 0.23, blue: 0.27, opacity: 0.50))
                    .offset(x: -157, y: 248)
                    .frame(width: 40, height: 40)
                }
                .frame(width: 104, height: 104)

                Text("Non-Contact Deliveries")
                .fontWeight(.bold)
                .font(.largeTitle)
                .multilineTextAlignment(.center)
                .frame(width: 326, height: 80)
                .lineSpacing(41)

                Text("When placing an order, select the option “Contactless delivery” and the courier will leave your order at the door.\n")
                .font(.body)
                .multilineTextAlignment(.center)
                .frame(width: 374, height: 79, alignment: .top)
                .lineSpacing(25.50)

                Text("ORDER NOW")
                .fontWeight(.semibold)
                .font(.subheadline)
                .multilineTextAlignment(.center)
                .frame(width: 260.79, height: 24)
                .lineSpacing(18)
                .padding(.horizontal, 57)
                .padding(.vertical, 16)
                .frame(width: 374, height: 56)
                .background(Color(red: 0.04, green: 0.81, blue: 0.51))
                .cornerRadius(8)

                Text("DISMISS")
                .fontWeight(.semibold)
                .font(.subheadline)
                .lineSpacing(18)
                .frame(width: 64, height: 18)
            }
            .padding(.leading, 20)
            .padding(.trailing, 19)
            .padding(.top, 64)
            .padding(.bottom, 54)
            .frame(width: 414, height: 584)
            .background(Color(red: 0.96, green: 0.96, blue: 0.96))
            .cornerRadius(8)
            .offset(x: 0, y: 156)
            .frame(width: 414, height: 584)
        }
        .frame(width: 414, height: 896)
        .background(Color(red: 0.64, green: 0.35, blue: 1))
    }
}

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