From e833ce14c7bcc55d522e0943d8620b50f3a9c01e Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Wed, 16 Aug 2023 11:56:20 +0000
Subject: [PATCH] added onboarding screen

---
 src/Screens/Onboarding/Onboarding.js | 53 ++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/Screens/Onboarding/Onboarding.js

diff --git a/src/Screens/Onboarding/Onboarding.js b/src/Screens/Onboarding/Onboarding.js
new file mode 100644
index 0000000..0574ef6
--- /dev/null
+++ b/src/Screens/Onboarding/Onboarding.js
@@ -0,0 +1,53 @@
+import { Image, SafeAreaView, Text, View } from "react-native";
+import MyButton, { MyTextButton } from "../../Components/Button";
+import { AppStyles } from "../../utils";
+import { useTranslation } from "react-i18next";
+
+export default function OnboardingScreen({ onContinue }) {
+  const { t } = useTranslation();
+
+  return (
+    <SafeAreaView
+      style={{
+        flex: 1,
+        backgroundColor: "#b3b2b3",
+        justifyContent: "space-between",
+      }}
+    >
+      <Image
+        source={require("../../../assets/image.png")}
+        style={{
+          width: "100%",
+          height: "40%",
+          alignSelf: "center",
+          marginTop: 120,
+        }}
+        resizeMode="contain"
+      />
+
+      <View
+        style={{
+          backgroundColor: "#fff",
+          padding: 20,
+          borderTopLeftRadius: 20,
+          borderTopRightRadius: 20,
+          marginTop: 80,
+        }}
+      >
+        <Text style={[{ color: "#000", fontSize: 46, marginTop: 10 }]}>
+          {t("screens.onboarding.welcome")}
+        </Text>
+
+        <Text style={[{ color: "#555" }, AppStyles.typography16]}>
+          {t("screens.onboarding.intro")}
+        </Text>
+
+        <MyButton
+          style={{ marginTop: 30, marginBottom: 20 }}
+          title= {t("screens.onboarding.buttonNext")}
+          onPress={onContinue}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}