debut projet dart

my_travel/lib/widgets/activity_card.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import '../models/activity_model.dart';
+
+class ActivityCard extends StatelessWidget {
+  final Activity activity;
+
+  const ActivityCard({
+    super.key,
+    required this.activity,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      elevation: 3,
+      child: Column(
+        children: [
+          Expanded(
+            child: Image.asset(
+              activity.image,
+              fit: BoxFit.cover,
+              width: double.infinity,
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(8),
+            child: Text(
+              activity.name,
+              style: const TextStyle(fontSize: 18),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

my_travel/lib/widgets/city_card.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import '../models/city_model.dart';
+import '../views/city/city_view.dart';
+
+class CityCard extends StatelessWidget {
+  final City city;
+
+  const CityCard({super.key, required this.city});
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      elevation: 4,
+      margin: const EdgeInsets.all(10),
+      child: InkWell(
+        onTap: () {
+          Navigator.push(
+            context,
+            MaterialPageRoute(
+              builder: (context) => CityView(city: city),
+            ),
+          );
+        },
+        child: SizedBox(
+          height: 180,
+          child: Stack(
+            fit: StackFit.expand,
+            children: [
+              Image.asset(
+                city.image,
+                fit: BoxFit.cover,
+              ),
+              Container(
+                alignment: Alignment.bottomLeft,
+                padding: const EdgeInsets.all(10),
+                color: Colors.black45,
+                child: Text(
+                  city.name,
+                  style: const TextStyle(
+                    fontSize: 30,
+                    color: Colors.white,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}