import SwiftUI

struct LandingView: View {
    let onSignIn: () -> Void
    let onCreateAccount: () -> Void

    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack(spacing: 8) {
                Image(systemName: "qrcode")
                    .font(.system(size: 22, weight: .semibold))
                    .foregroundStyle(LadillColors.indigo)
                Text("Ladill Mini")
                    .font(.ladill(size: 22, weight: .semibold))
                    .foregroundStyle(LadillColors.ink)
            }
            .padding(.horizontal, 20)
            .padding(.top, 36)

            VStack(alignment: .leading, spacing: 10) {
                Text("Collect payments,\neffortlessly.")
                    .font(.ladill(size: 34, weight: .semibold))
                    .foregroundStyle(LadillColors.ink)
                Text("Create pay links and QR codes, share them anywhere, and track every payment — no storefront needed.")
                    .font(.ladill(size: 15))
                    .foregroundStyle(LadillColors.muted)
            }
            .padding(.horizontal, 20)
            .padding(.top, 24)

            Spacer()

            ZStack {
                RoundedRectangle(cornerRadius: 24)
                    .fill(LadillColors.indigoSoft)
                    .frame(height: 220)
                Image(systemName: "creditcard.and.qrcode")
                    .font(.system(size: 72, weight: .light))
                    .foregroundStyle(LadillColors.indigo.opacity(0.5))
            }
            .padding(.horizontal, 20)

            Spacer()

            VStack(spacing: 10) {
                LadillButton(title: "Get started", action: onCreateAccount)
                LadillSecondaryButton(title: "Sign in", action: onSignIn)
            }
            .padding(.horizontal, 24)
            .padding(.bottom, 12)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(LadillColors.page)
        .navigationBarHidden(true)
    }
}