getting a basic template created, but still messy

2021-12-13 03:00:24 -08:00
parent 8c207082ed
commit 70b43ecb8a
2 changed files with 97 additions and 74 deletions
@@ -12,77 +12,7 @@ struct WelcomeView: View {
    let screenHeight = UIScreen.main.bounds.height
    
    var body: some View {
-        VStack(spacing: 0) {
-            // nav bar
-            HeaderView()
-            
-            VStack {
-                // illustration
-                Image("undraw_friendship_mni7")
-                    .renderingMode(.original)
-                    .resizable()
-                    .aspectRatio(contentMode: .fit)
-                
-                VStack(alignment: .leading) {
-                    
-                    Text("Your ")
-                        .font(.title)
-                        .foregroundColor(NirvanaColor.black)
-                    + Text("minimalist ")
-                        .font(.title)
-                        .foregroundColor(NirvanaColor.teal)
-                    + Text("social media.")
-                        .font(.title)
-                        .foregroundColor(NirvanaColor.black)
-                    
-                    Text("tired of the rat race on insta, tik-tok, snap, meta?")
-                        .foregroundColor(Color.gray)
-                        .padding(.top, 5)
-                        .fixedSize(horizontal: false, vertical: true)
-                    
-                    Spacer()
-                }
-                .frame(maxWidth: screenWidth - 20)
-                
-                
-                VStack(alignment: .center) {
-                    NavigationLink(destination: HomeView()) {
-                        Text("Start Your Detox")
-                            .bold()
-                            .foregroundColor(NirvanaColor.white)
-                            .frame(maxWidth: .infinity)
-                            .padding(.vertical, 20)
-                            .background(NirvanaColor.teal)
-                            .clipShape(Capsule())
-                            .shadow(radius:10)
-                    }
-                        
-                        
-                    Button(
-                        action: {
-                            print("link to website learn more clicked")
-                        },
-                        label: {
-                            Text("Learn More")
-                                .bold()
-                        })
-
-                    //learn more button to usenirvana.com
-                }
-                .padding(.top, 20)
-                
-            }
-            .padding()
-            .frame(maxWidth: screenWidth - 20)
-
-            Spacer()
-        } // Vstack
-        .accentColor(NirvanaColor.teal)
-        .background(NirvanaColor.bgLightGrey)
-        .navigationBarTitleDisplayMode(.inline)
-        //        .background(RadialGradient(gradient: Gradient(colors: [NirvanaColor.teal.opacity(0.1), NirvanaColor.bgLightGrey, NirvanaColor.bgLightGrey]), center: .center, startRadius: 0, endRadius: 200)
-        //        )
-        
+        OnboardingTemplateView()
    } // View body
 } // View