revamped onboarding

frontend/lib/modules/landmark_card.dart

@@ -69,7 +69,6 @@ class _LandmarkCardState extends State<LandmarkCard> {
                           padding: EdgeInsets.all(5),
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.center,
-                            spacing: 5,
                             children: [
                               Icon(Icons.timer_outlined, size: 16),
                               Text("${widget.landmark.duration?.inMinutes} minutes"),

frontend/lib/modules/onbarding_agreement_card.dart

@@ -0,0 +1,97 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+
+import 'package:anyway/modules/onboarding_card.dart';
+
+
+class OnboardingAgreementCard extends StatefulWidget {
+  final String title;
+  final String description;
+  final String imagePath;
+  final String agreementTextPath;
+  final ValueChanged<bool> onAgreementChanged;
+
+
+  OnboardingAgreementCard({
+    super.key, 
+    required this.title,
+    required this.description,
+    required this.imagePath,
+    required this.agreementTextPath,
+    required this.onAgreementChanged
+  });
+
+  @override
+  State<OnboardingAgreementCard> createState() => _OnboardingAgreementCardState();
+}
+
+class _OnboardingAgreementCardState extends State<OnboardingAgreementCard> {
+  bool agreed = false;
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.all(20),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          OnboardingCard(title: widget.title, description: widget.description, imagePath: widget.imagePath),
+          Padding(padding: EdgeInsets.only(top: 20)),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Checkbox(
+                value: agreed,
+                onChanged: (value) {
+                  setState(() {
+                    agreed = value!;
+                    widget.onAgreementChanged(value);
+                  });
+                },
+              ),
+              Text(
+                "I agree to the ",
+                style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                  color: Colors.white,
+                ),
+              ),
+              GestureDetector(
+                onTap: () {
+                  // show a dialog with the agreement text
+                  showDialog(
+                    context: context,
+                    builder: (BuildContext context) {
+                      return AlertDialog(
+                        scrollable: true,
+                        content: FutureBuilder(
+                          future: DefaultAssetBundle.of(context).loadString(widget.agreementTextPath),
+                          builder: (context, snapshot) {
+                            if (snapshot.hasData) {
+                              return MarkdownBody(
+                                data: snapshot.data.toString(),
+                              );
+                            } else {
+                              return CircularProgressIndicator();
+                            }
+                            
+                          },
+                        )
+                      );
+                    }
+                  );
+
+                },
+                child: Text(
+                  "Terms of Service (click to view)",
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/lib/modules/onboarding_card.dart

@@ -22,9 +22,7 @@ class OnboardingCard extends StatelessWidget {
         children: [
           Text(
             title,
-            style: TextStyle(
-              fontSize: 24,
-              fontWeight: FontWeight.bold,
+            style: Theme.of(context).textTheme.headlineLarge!.copyWith(
               color: Colors.white,
             ),
           ),
@@ -36,13 +34,12 @@ class OnboardingCard extends StatelessWidget {
           Padding(padding: EdgeInsets.only(top: 20)),
           Text(
             description,
-            style: TextStyle(
-              fontSize: 16,
+            style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+              color: Colors.white,
             ),
           ),
-
         ]
       ),
     );
   }
-}
+}