import SwiftUI
import Bedrock

struct OnboardingWelcomeStepView: View {
    let appName: String

    var body: some View {
        VStack(alignment: .leading, spacing: Design.Spacing.large) {
            Image(systemName: "person.crop.rectangle.stack.fill")
                .typography(.title)
                .foregroundStyle(Color.Accent.red)

            VStack(alignment: .leading, spacing: Design.Spacing.small) {
                Text("Welcome to \(appName)")
                    .typography(.title)
                    .bold()
                    .foregroundStyle(Color.Text.primary)

                Text("Create one polished card, then share it anywhere in seconds.")
                    .typography(.body)
                    .foregroundStyle(Color.Text.secondary)
            }

            OnboardingFeatureRowView(
                icon: "rectangle.stack.badge.plus",
                title: "Create once",
                subtitle: "Build a professional card with your branding and contact links."
            )

            OnboardingFeatureRowView(
                icon: "qrcode",
                title: "Share instantly",
                subtitle: "Use QR, text, email, or App Clip links so people can save your details fast."
            )

            OnboardingFeatureRowView(
                icon: "person.2",
                title: "Track follow-ups",
                subtitle: "Keep important contacts organized and set reminders from one place."
            )
        }
        .frame(maxWidth: .infinity, alignment: .leading)
    }
}
