auth UI and Api

lib/pages/common/default_button.dart

@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/style.dart';
+
+class DefaultButton extends StatelessWidget {
+  const DefaultButton({
+    super.key,
+    this.enabled = true,
+    this.onPressed,
+    required this.child,
+    this.isSecondary = false,
+    this.isLoading = false,
+    this.isDone = false,
+    this.customTextStyle,
+    this.customButtonStyle,
+    this.backgroundColor,
+    this.foregroundColor,
+    this.borderRadius,
+    this.height,
+    this.padding,
+  });
+
+  final void Function()? onPressed;
+  final Widget child;
+  final double? height;
+  final bool isSecondary;
+  final double? borderRadius;
+  final bool enabled;
+  final double? padding;
+  final bool isDone;
+  final bool isLoading;
+
+  final TextStyle? customTextStyle;
+
+  final ButtonStyle? customButtonStyle;
+
+  final Color? backgroundColor;
+
+  final Color? foregroundColor;
+
+  @override
+  Widget build(BuildContext context) {
+    return ElevatedButton(
+      onPressed: enabled ? onPressed : null,
+      style: isSecondary
+          ? null
+          : customButtonStyle ??
+          ButtonStyle(
+            textStyle: MaterialStateProperty.all(
+              customTextStyle
+                  ?? smallTextStyle.copyWith(
+                    fontSize: 13,
+                    color: foregroundColor,
+                    fontWeight: FontWeight.normal
+                  ),
+            ),
+
+            foregroundColor: MaterialStateProperty.all(
+              isSecondary
+                  ? Colors.black
+                  : enabled
+                  ? foregroundColor ?? Colors.white
+                  : Colors.black,
+            ),
+            backgroundColor: MaterialStateProperty.resolveWith<Color>(
+                    (Set<MaterialState> states) {
+                  return enabled
+                      ? backgroundColor ?? ColorsManager.primaryColor
+                      : Colors.grey;
+                }),
+            shape: MaterialStateProperty.all(
+              RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(borderRadius ?? 20),
+              ),
+            ),
+            fixedSize: MaterialStateProperty.all(
+              const Size.fromHeight(50),
+            ),
+            padding: MaterialStateProperty.all(
+              EdgeInsets.all(padding ?? 10),
+            ),
+            minimumSize: MaterialStateProperty.all(
+              const Size.fromHeight(50),
+            ),
+          ),
+      child: SizedBox(
+        height: height ?? 50,
+        child: Center(
+          child: isLoading
+              ? const SizedBox.square(
+            dimension: 24,
+            child: CircularProgressIndicator(
+              color: Colors.white,
+            ),
+          )
+              : isDone
+              ? const Icon(
+            Icons.check_circle_outline,
+            color: Colors.white,
+          )
+              : child,
+        ),
+      ),
+    );
+  }
+}

lib/pages/common/first_layer.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:syncrow_web/utils/constants/assets.dart';
+
+class FirstLayer extends StatelessWidget {
+  final Widget? second;
+  const FirstLayer({super.key,this.second});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Stack(
+        children: [
+          SizedBox(
+            width: MediaQuery.sizeOf(context).width,
+            height: MediaQuery.sizeOf(context).height,
+            child: SvgPicture.asset(
+              Assets.webBackground,
+              fit: BoxFit.cover,
+            ),
+          ),
+          Container(
+            width: MediaQuery.sizeOf(context).width,
+            height: MediaQuery.sizeOf(context).height,
+            decoration: const BoxDecoration(
+              image: DecorationImage(
+                image: AssetImage(Assets.vector),
+                fit: BoxFit.cover,
+                opacity: 0.9,
+              ),
+            ),
+          ),
+          second!
+        ],
+      ),
+    );
+  }
+}