hompage update

ReactJS/Native/AlfaPrentice/.expo-shared/README.md

@@ -0,0 +1,11 @@
+> Why do I have a folder named ".expo-shared" in my project?
+
+The ".expo-shared" folder is created when running commands that produce state that is intended to be shared with all developers on the project. For example, "npx expo-optimize".
+
+> What does the "assets.json" file contain?
+
+The "assets.json" file describes the assets that have been optimized through "expo-optimize" and do not need to be processed again.
+
+> Should I commit the ".expo-shared" folder?
+
+Yes, you should share the ".expo-shared" folder with your collaborators.

ReactJS/Native/AlfaPrentice/App/Cta/Cta.js

@@ -0,0 +1,58 @@
+//Modules
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+
+
+function Navigate(props) {
+    const navigation = useNavigation();
+    return(
+            <TouchableOpacity style={Styles.Btn} onPress = {() => navigation.navigate('Search')}>
+                <Text style={Styles.white}>Klik hier en begin met zoeken</Text>
+            </TouchableOpacity>    
+    )
+}
+
+const Cta = (props) => {
+    return (
+        <View style={Styles.Cta}>
+            <Text style={Styles.WhiteAlert}>Wacht niet te lang!</Text>
+            <Navigate/>
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create ({
+    Cta: {
+        backgroundColor: "#DE0000a9",
+        paddingTop: 15,
+        paddingBottom: 30,
+        display: 'flex',
+        alignItems: 'center',
+        flex: 1,
+        justifyContent: 'center'
+    },
+    Btn: {
+        borderStyle: 'solid',
+        borderWidth: 2,
+        borderColor: '#ffffff',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: 250,
+        paddingVertical: 5,
+
+    },
+    white: {
+        color: '#ffffff',
+
+    },
+    WhiteAlert: {
+        color: '#ffffff',
+        fontSize: 20,
+        marginBottom: 15
+    }
+})
+
+export default Cta;

ReactJS/Native/AlfaPrentice/App/Views/Home.js

@@ -5,7 +5,7 @@ import Swiper from 'react-native-swiper-hooks'
 import { useNavigation } from '@react-navigation/native';
 
 //Components
-import { DefaultLayout, Hero, } from '../index';
+import { DefaultLayout, Hero, Cta } from '../index';
 
 
 function Navigate(props) {
@@ -79,6 +79,9 @@ class Home extends React.Component {
                   {_renderList()}
                 </Swiper>
            </View>
+           <Text style={styles.SecondaireHeader}>Nog geen stage gevonden?</Text>
+          <Cta/>
+          <Text style={styles.SecondaireHeader}>Tips</Text>
       </DefaultLayout>
    )
 }
@@ -105,7 +108,8 @@ const styles = StyleSheet.create({
         color: "#003581",
         textAlign: 'center',
         fontSize: 20,
-        marginVertical: 15
+        marginTop: 30,
+        marginBottom: 15
     },
     carouselwrapper: {
       
@@ -123,10 +127,15 @@ const styles = StyleSheet.create({
       borderRadius: 5,
       width: 120,
       alignSelf: 'flex-end'
-  },
-  white: {
-      color: '#ffffff',
-  },
+    },
+    white: {
+        color: '#ffffff',
+    },
+      Heading: {
+        fontSize: 20,
+        color: '#DE0000',
+        marginBottom: 10
+    },
   });
 
 export default Home;

ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js

@@ -16,13 +16,13 @@ class UserProfile extends React.Component {
             <DefaultLayout>
                 <View>
                     <Hero HeroHeading="Frits Haringa" HeroText="Student Applicatie en Mediaontwikkeling jaar 3"/>
-                    <ProfileLink Page="Accountinstellingen" Title="Status van je stageplek zien"/>
-                    <ProfileLink Page="Agenda" Title="Uitgaande solicitaites bekijken"/>
-                    <ProfileLink Page="Contact" Title="Account instellingen"/>
-                    <ProfileLink Page="Stagestatus" Title="Suggesties"/>
-                    <ProfileLink Page="Verzondensolicitaties" Title="Weekstaten"/>
-                    <ProfileLink Page="Suggesties" Title="Agenda"/>
-                    <ProfileLink Page="Weekstaten" Title="Contact opnemen"/>
+                    <ProfileLink Page="Stagestatus" Title="Status van je stageplek zien"/>
+                    <ProfileLink Page="Verzondensolicitaties" Title="Uitgaande solicitaites bekijken"/>
+                    <ProfileLink Page="Accountinstellingen" Title="Account instellingen"/>
+                    <ProfileLink Page="Suggesties" Title="Suggesties"/>
+                    <ProfileLink Page="Weekstaten" Title="Weekstaten"/>
+                    <ProfileLink Page="Agenda" Title="Agenda"/>
+                    <ProfileLink Page="Contact" Title="Contact opnemen"/>
                     <ProfileLink Page="Home" Title="Uitloggen" hr="false"/>
                 </View>
                 

ReactJS/Native/AlfaPrentice/App/index.js

@@ -7,6 +7,7 @@ import {HeroSearch} from './Hero/Hero';
 import CompanyResultcard from './Cards/CompanyResultCard';
 import Footer from './Footer/Footer';
 import ProfileLink from './Cards/ProfileLinks';
+import Cta from './Cta/Cta';
 
 //Pages
 import Home from "./Views/Home";
@@ -31,6 +32,7 @@ export {
     CompanyResultcard,
     Footer,
     ProfileLink,
+    Cta,
 }
 
 //Pages export

ReactJS/Native/AlfaPrentice/app.json

@@ -27,6 +27,7 @@
     },
     "web": {
       "favicon": "./assets/favicon.png"
-    }
+    },
+    "description": ""
   }
 }