fisrt three screens

lib/widgets/onboarding_page.dart

@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class OnboardingPage extends StatelessWidget {
+  final String imagePath;
+  final String text;
+
+  const OnboardingPage({
+    super.key,
+    required this.imagePath,
+    required this.text,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        SvgPicture.asset(imagePath, height: 280),
+
+        const SizedBox(height: 25),
+
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 30),
+          child: Text(
+            text,
+            textAlign: TextAlign.center,
+            style: const TextStyle(
+              fontFamily: 'AbdElRady',
+              fontWeight: FontWeight.w500,
+              color: Colors.white,
+              fontSize: 20,
+              height: 1.5,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}