сдана

потом можно исправить админ панель

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

app/build.gradle.kts

@@ -5,7 +5,7 @@ plugins {
 
 android {
     namespace = "com.example.androidlabs"
-    compileSdk = 33
+    compileSdk = 34
 
     defaultConfig {
         applicationId = "com.example.androidlabs"
@@ -48,14 +48,14 @@ android {
 
 dependencies {
 
-    implementation("androidx.core:core-ktx:1.9.0")
-    implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.6.1")
-    implementation("androidx.activity:activity-compose:1.7.0")
+    implementation("androidx.core:core-ktx:1.12.0")
+    implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.6.2")
+    implementation("androidx.activity:activity-compose:1.8.0")
     implementation(platform("androidx.compose:compose-bom:2023.03.00"))
     implementation("androidx.compose.ui:ui")
     implementation("androidx.compose.ui:ui-graphics")
     implementation("androidx.compose.ui:ui-tooling-preview")
-    implementation("androidx.compose.material3:material3")
+    implementation("androidx.compose.material:material")
     testImplementation("junit:junit:4.13.2")
     androidTestImplementation("androidx.test.ext:junit:1.1.5")
     androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
@@ -63,4 +63,7 @@ dependencies {
     androidTestImplementation("androidx.compose.ui:ui-test-junit4")
     debugImplementation("androidx.compose.ui:ui-tooling")
     debugImplementation("androidx.compose.ui:ui-test-manifest")
+    implementation ("com.google.code.gson:gson:2.8.8")
+    implementation("androidx.navigation:navigation-compose:2.7.3")
+
 }

app/src/main/java/com/example/androidlabs/Hotel.kt

@@ -0,0 +1,11 @@
+package com.example.androidlabs
+
+
+data class Hotel(
+    val name: String,
+    val img: Int,
+    val stars: Int,
+    val location: String,
+    val info: String,
+    val price: Int,
+)

app/src/main/java/com/example/androidlabs/MainActivity.kt

@@ -3,41 +3,19 @@ package com.example.androidlabs
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import com.example.androidlabs.ui.theme.AndroidLabsTheme
+import com.example.androidlabs.Navigation.Navigate
+import com.example.androidlabs.hotelScreen.HotelInfo
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
             setContent {
-            AndroidLabsTheme {
-                // A surface container using the 'background' color from the theme
-                Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
-                    Greeting("Android")
+                Navigate()
+                //HotelInfo(Hotel("hotel", R.drawable.img_1, 4, "location"))
             }
         }
     }
-    }
-}
 
-@Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Text(
-            text = "Hello $name!",
-            modifier = modifier
-    )
-}
 
-@Preview(showBackground = true)
-@Composable
-fun GreetingPreview() {
-    AndroidLabsTheme {
-        Greeting("Android")
-    }
-}
+
+

app/src/main/java/com/example/androidlabs/Navigation/NavController.kt

@@ -0,0 +1,58 @@
+package com.example.androidlabs.Navigation
+
+import androidx.compose.runtime.Composable
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.R
+import com.example.androidlabs.booking.BookingScreen
+import com.example.androidlabs.homeScreen.CardItem.HotelCard
+import com.example.androidlabs.homeScreen.HomeScreen
+import com.example.androidlabs.hotelScreen.HotelInfo
+import com.example.androidlabs.profileScreen.profile.Person
+import com.example.androidlabs.profileScreen.profile.ProfileScreen
+import com.example.androidlabs.profileScreen.signIn.LoginScreen
+import com.example.androidlabs.profileScreen.signUp.SignUpScreen
+import com.example.androidlabs.adminPanel.AddPanel
+import com.example.androidlabs.adminPanel.AdminPanel
+import com.example.androidlabs.adminPanel.ChangePanel
+
+@Composable
+fun NavController(navController: NavHostController) {
+    NavHost(
+        navController = navController,
+        startDestination = NavItem.Home.route
+    ) {
+        composable(NavItem.HotelInfo.route) {
+            HotelInfo(Hotel("hotel", R.drawable.img_1, 4, "location", "info", 4000), navController)
+        }
+        composable(NavItem.Home.route) {
+            HomeScreen(navController)
+        }
+        composable(NavItem.Profile.route) {
+            ProfileScreen(navController)
+        }
+        composable(NavItem.SignIn.route){
+            LoginScreen(navController)
+        }
+        composable(NavItem.SignUp.route){
+            SignUpScreen()
+        }
+        composable(NavItem.Booking.route) {
+            BookingScreen()
+        }
+        composable(NavItem.Person.route) {
+            Person()
+        }
+        composable(NavItem.AdminPanel.route){
+            AdminPanel(navController)
+        }
+        composable(NavItem.AddPanel.route){
+            AddPanel()
+        }
+        composable(NavItem.ChangePanel.route){
+            ChangePanel(navController)
+        }
+    }
+}

app/src/main/java/com/example/androidlabs/Navigation/NavItem.kt

@@ -0,0 +1,23 @@
+package com.example.androidlabs.Navigation
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Build
+import androidx.compose.material.icons.filled.Favorite
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.ui.graphics.vector.ImageVector
+
+sealed class NavItem(val route: String, val icon: ImageVector?){
+    object Home : NavItem("home", Icons.Default.Home)
+    object Profile : NavItem("profile", Icons.Default.Person)
+    object SignIn : NavItem("login", null)
+    object SignUp : NavItem("signup", null)
+    object HotelInfo : NavItem("HotelInfo", null)
+    object Booking : NavItem("booking", null)
+    object Person : NavItem("person", null)
+    object AdminPanel : NavItem("admin", Icons.Default.Build)
+    object AddPanel : NavItem("add", null)
+    object ChangePanel : NavItem("change", null)
+//    object ChangeHotel : NavItem("changeHotel/{hotelItem}", null)
+
+}

app/src/main/java/com/example/androidlabs/Navigation/Navigate.kt

@@ -0,0 +1,83 @@
+package com.example.androidlabs.Navigation
+
+import android.annotation.SuppressLint
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.BottomNavigation
+import androidx.compose.material.BottomNavigationItem
+import androidx.compose.material.Icon
+import androidx.compose.material.Scaffold
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.compose.currentBackStackEntryAsState
+import androidx.navigation.compose.rememberNavController
+
+@SuppressLint("UnusedMaterialScaffoldPaddingParameter")
+@Composable
+fun Navigate(){
+    val navController = rememberNavController()
+    val listItem = listOf(
+        NavItem.Home,
+        NavItem.Profile,
+        NavItem.AdminPanel
+    )
+
+    Scaffold(bottomBar = {
+        BottomNavigation(
+            backgroundColor = Color.White
+        ) {
+            val navBackStackEntry = navController.currentBackStackEntryAsState()
+            val currentState = navBackStackEntry.value
+
+            listItem.forEach { it ->
+                val isSelected = currentState?.destination?.route == it.route
+
+                BottomNavigationItem(
+                    selected = isSelected,
+                    onClick = {
+                        if(!isSelected){
+                            navController.graph.startDestinationRoute?.let {
+                                navController.popBackStack(it, inclusive = true)
+                            }
+                            navController.navigate(it.route){
+                                launchSingleTop
+                            }
+                        }
+                        navController.navigate(it.route)
+
+                    },
+                    icon = {
+                        val iconModifier = if (isSelected) {
+                            Modifier
+                                .background(color = Color.LightGray, shape = CircleShape)
+                                .padding(8.dp)
+                        } else {
+                            Modifier
+                        }
+
+                        it.icon?.let { it1 ->
+                            Icon(
+                                imageVector = it1,
+                                contentDescription = null,
+                                modifier = iconModifier.then(Modifier.size(24.dp))
+                            )
+                        }
+                    }
+                )
+            }
+        }
+    }) {
+        NavController(navController = navController)
+    }
+}
+
+@Composable
+@Preview
+fun NavigatePreview(){
+    Navigate()
+}

app/src/main/java/com/example/androidlabs/adminPanel/AddPanel.kt

@@ -0,0 +1,246 @@
+package com.example.androidlabs.adminPanel
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.androidlabs.R
+
+
+@Composable
+fun AddPanel(){
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .verticalScroll(rememberScrollState())
+    ) {
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            Image(
+                painter = painterResource(id = R.drawable.img),
+                contentDescription = "image",
+                contentScale = ContentScale.FillHeight,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+                    .height(200.dp)
+            )
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                          //TODO
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 16.dp)
+                    .height(50.dp)
+            ) {
+                Text("Add image")
+            }
+
+            TextField(
+                value = "",
+                onValueChange = { },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Stars",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = "",
+                onValueChange = { },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Location",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = "",
+                onValueChange = { },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Info",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = "",
+                onValueChange = { },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Price",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = "",
+                onValueChange = { },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Info",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor =colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                          //
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+                    .height(50.dp)
+            ) {
+                Text("Add hotel")
+            }
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun AddPreview() {
+
+    AddPanel()
+
+}

app/src/main/java/com/example/androidlabs/adminPanel/AdminPanel.kt

@@ -0,0 +1,58 @@
+package com.example.androidlabs.adminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.profileScreen.signIn.LoginScreen
+
+@Composable
+fun AdminPanel(navHostController: NavHostController) {
+    var isAddPanelVisible by remember { mutableStateOf(false) }
+    var isChangePanelVisible by remember { mutableStateOf(true) }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(bottom = 50.dp)
+    ) {
+        ButtonAdmin(
+            onAddClick = {
+                isAddPanelVisible = true
+                isChangePanelVisible = false
+            },
+            onChangeClick = {
+                isChangePanelVisible = true
+                isAddPanelVisible = false
+            }
+        )
+
+        if (isAddPanelVisible) {
+            AddPanel()
+        }
+
+        if (isChangePanelVisible) {
+            ChangePanel(navHostController)
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = true)
+fun SignInScreenPreview(){
+    val navController = rememberNavController()
+    AdminPanel(navController)
+}

app/src/main/java/com/example/androidlabs/adminPanel/ButtonAdmin.kt

@@ -0,0 +1,70 @@
+package com.example.androidlabs.adminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import com.example.androidlabs.R
+
+@Composable
+fun ButtonAdmin(onAddClick: () -> Unit, onChangeClick: () -> Unit) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                onAddClick()
+            },
+            modifier = Modifier
+                .clip(RoundedCornerShape(20.dp))
+                .fillMaxWidth(0.5f)
+                .padding(16.dp)
+        ) {
+            Text("Add")
+        }
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                onChangeClick()
+            },
+            modifier = Modifier
+                .clip(RoundedCornerShape(20.dp))
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Text("Change/Del")
+        }
+    }
+
+}

app/src/main/java/com/example/androidlabs/adminPanel/CardHotelForChange.kt

@@ -0,0 +1,95 @@
+package com.example.androidlabs.adminPanel
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.R
+import com.google.gson.Gson
+
+
+@Composable
+fun CardHotelForChange(item: Hotel, navController: NavHostController) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(10.dp)
+            .clip(RoundedCornerShape(10.dp))
+            .background(colorResource(id = R.color.figma)),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
+        Image(
+            painter = painterResource(id = item.img),
+            contentDescription = "image",
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .size(70.dp)
+                .padding(10.dp)
+                .clip(RoundedCornerShape(10.dp))
+        )
+
+        Column(
+            modifier = Modifier
+                .weight(1f)
+                .padding(start = 16.dp)
+        ) {
+            item.name?.let { Text(text = it, fontSize = 20.sp) }
+            Text(text = "${item.location}", color = Color.Red, fontSize = 16.sp)
+        }
+
+        Image(
+            painter = painterResource(id = R.drawable.baseline_edit_24),
+            contentDescription = "image",
+            modifier = Modifier
+                .size(40.dp)
+                .padding(10.dp)
+                .clickable {
+                    val hotelItemString = Gson().toJson(item)
+                    navController.navigate("changeHotel/${hotelItemString}")
+                }
+        )
+
+        Image(
+            painter = painterResource(id = R.drawable.baseline_delete_24),
+            contentDescription = "image",
+            modifier = Modifier
+                .size(40.dp)
+                .padding(10.dp)
+                .clickable {
+
+                }
+        )
+    }
+}
+
+
+
+
+@Composable
+@Preview
+fun CardHotelLikePreview(){
+    val navController = rememberNavController()
+    CardHotelForChange(Hotel("Hotel", R.drawable.img, 5, "location", "info", 4000), navController)
+}

app/src/main/java/com/example/androidlabs/adminPanel/ChangePanel.kt

@@ -0,0 +1,48 @@
+package com.example.androidlabs.adminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.R
+
+
+@Composable
+fun ChangePanel(navHostController: NavHostController){
+    //val list = sneakerViewModel.SneakerList.collectAsState(initial = emptyList()).value
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(16.dp)
+    ){
+        Row {
+            LazyColumn(
+                modifier = Modifier
+                    .fillMaxSize()
+            ) {
+                itemsIndexed(
+                listOf(
+                    Hotel("Hotel", R.drawable.img, 5, "location", "info", 4000),
+                    Hotel("Hotel", R.drawable.img, 5, "location", "info", 4000),
+                    Hotel("Hotel", R.drawable.img, 5, "location", "info", 4000)
+                )
+                ){_, item->
+                CardHotelForChange(item = item, navHostController)
+
+            }
+            }
+        }
+    }
+}

app/src/main/java/com/example/androidlabs/booking/BookingScreen.kt

@@ -0,0 +1,142 @@
+package com.example.androidlabs.booking
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.R
+import com.example.androidlabs.profileScreen.signIn.LoginScreen
+
+@Composable
+fun BookingScreen() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(16.dp)
+        ,
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        var room by remember { mutableStateOf("") }
+        var date by remember { mutableStateOf("") }
+
+        Text(
+            text = "Booking",
+            fontSize = 24.sp,
+            fontWeight = FontWeight.Bold,
+            modifier = Modifier
+                .padding(16.dp)
+        )
+
+        TextField(
+            value = room,
+            onValueChange = { room = it },
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .padding(16.dp, 0.dp)
+                .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+            singleLine = true,
+            keyboardOptions = KeyboardOptions(
+                keyboardType = KeyboardType.Text,
+                imeAction = ImeAction.Next
+            ),
+            keyboardActions = KeyboardActions(
+                onNext = {
+
+                }
+            ),
+            placeholder = {
+                Text(
+                    text = "Room",
+                    style = TextStyle(fontSize = 12.sp)
+                )
+            }
+        )
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        TextField(
+            value = date,
+            onValueChange = { date = it },
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .padding(16.dp, 0.dp)
+                .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+            singleLine = true,
+            visualTransformation = PasswordVisualTransformation(),
+            keyboardOptions = KeyboardOptions(
+                keyboardType = KeyboardType.Text,
+                imeAction = ImeAction.Next
+            ),
+
+            keyboardActions = KeyboardActions(
+                onNext = {
+
+                }
+            ),
+            placeholder = {
+                Text(
+                    text = "Date",
+                    style = TextStyle(fontSize = 12.sp)
+                )
+            }
+        )
+
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = (colorResource(id = R.color.figma_blue)),
+                contentColor = Color.White
+            ),
+            onClick = {
+
+            },
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp, 16.dp, 16.dp, 0.dp)
+                .height(50.dp)
+        ) {
+            Text("Payment")
+        }
+        }
+    }
+
+@Composable
+@Preview(showBackground = true)
+fun BookingScreenPreview(){
+    val navController = rememberNavController()
+    BookingScreen()
+}

app/src/main/java/com/example/androidlabs/homeScreen/CardItem/HotelCard.kt

@@ -0,0 +1,107 @@
+package com.example.androidlabs.homeScreen.CardItem
+
+import android.util.Log
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.LocationOn
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavHostController
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.R
+
+@Composable
+fun HotelCard (hotel: Hotel, navController: NavHostController){
+    androidx.compose.material.Card(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(10.dp)
+            .clickable {
+                navController.navigate("HotelInfo")
+            },
+        shape = RoundedCornerShape(15.dp),
+        elevation = 5.dp
+        ) {
+        Box(
+            modifier = Modifier.background(Color.White)
+        ) {
+            Row(
+                modifier = Modifier
+                    //.background(Color.Yellow)
+                    .fillMaxWidth(),
+                verticalAlignment = Alignment.CenterVertically
+
+            ) {
+                Image(
+                    painter = painterResource(id = hotel.img),
+                    contentDescription = "hotel",
+                    contentScale = ContentScale.Fit,
+                    modifier = Modifier
+                        .padding(4.dp)
+                        .size(150.dp)
+
+                )
+                Column(
+                    modifier = Modifier
+                        //.background(Color.Red)
+                        .padding(start = 20.dp),
+                    //horizontalAlignment = Alignment.CenterHorizontally,
+                    verticalArrangement = Arrangement.spacedBy(20.dp)
+                ) {
+                    Text(text = hotel.name, fontSize = 40.sp, fontWeight = FontWeight.Bold)
+                    Row() {
+                        for (i in 1..hotel.stars){
+                            Image(
+                                painter = painterResource(id = R.drawable.star_rate),
+                                contentDescription = "star",
+                                modifier = Modifier
+                                    .size(20.dp)
+                            )
+                        }
+                        for (i in 1.. 5 - hotel.stars){
+                            Image(
+                                painter = painterResource(id = R.drawable.star_outline),
+                                contentDescription = "star",
+                                modifier = Modifier.size(20.dp)
+                            )
+                        }
+                    }
+                    Text(text = hotel.location)
+                }
+                Image(
+                    imageVector = Icons.Filled.LocationOn,
+                    contentDescription = "location",
+                    modifier = Modifier.size(40.dp)
+                )
+            }
+        }
+
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun CardPreview() {
+
+    //HotelCard(Hotel("hotel", R.drawable.img, 4, "location"))
+
+}

app/src/main/java/com/example/androidlabs/homeScreen/HomeScreen.kt

@@ -0,0 +1,73 @@
+package com.example.androidlabs.homeScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.R
+import com.example.androidlabs.homeScreen.CardItem.HotelCard
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.homeScreen.SearchField.SearchField
+
+@Composable
+fun HomeScreen(navController: NavHostController) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+    ) {
+        Box(modifier = Modifier
+            .background(colorResource(id = R.color.figma_blue))
+            .fillMaxHeight(0.18f)
+        ){
+            Column(
+                modifier = Modifier
+                    .fillMaxHeight(),
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text= "Beautiful Place to Live", fontSize = 20.sp, fontWeight = FontWeight.Bold,
+                    color = Color.White)
+                Text(text="Find a Source you want to spent times", color = Color.White)
+                SearchField(
+                    modifier = Modifier
+                        .padding(horizontal = 10.dp, vertical = 20.dp),
+
+                ) { searchText ->
+                    // Обработка введенного текста поиска
+                }
+            }
+        }
+        LazyColumn (
+            modifier = Modifier
+                //.verticalScroll(rememberScrollState())
+        ){
+            items(count = 100 ){
+                HotelCard(Hotel("hotel", R.drawable.img, it % 6, "location", "info", 4000), navController)
+            }
+
+        }
+    }
+}
+@Preview(showBackground = true)
+@Composable
+fun HotelPreview() {
+    var nc = rememberNavController()
+    HomeScreen(nc)
+}

app/src/main/java/com/example/androidlabs/homeScreen/SearchField/SearchField.kt

@@ -0,0 +1,76 @@
+package com.example.androidlabs.homeScreen.SearchField
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.runtime.Composable;
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun SearchField(
+    modifier: Modifier = Modifier,
+    onSearch: (String) -> Unit
+) {
+    var searchText by remember { mutableStateOf("") }
+
+    Box(
+        modifier = modifier
+            .clip(RoundedCornerShape(30.dp))
+            .fillMaxWidth()
+            .background(Color.White)
+        ,
+        ) {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+            content = {
+                BasicTextField(
+                    value = searchText,
+                    singleLine = true,
+                    onValueChange = {
+                        searchText = it
+                        onSearch(it)
+                    },
+                    textStyle = TextStyle(color = Color.Black),
+                    modifier = Modifier
+                        .weight(1f)
+                )
+                Image(
+                    imageVector = Icons.Filled.Search,
+                    contentDescription = "search",
+                    modifier = Modifier.size(50.dp)
+                        .padding(3.dp)
+
+                )
+            }
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun FieldPreview() {
+    SearchField(
+    ) { searchText ->
+        // Обработка введенного текста поиска
+    }
+}

app/src/main/java/com/example/androidlabs/hotelScreen/HotelInfo.kt

@@ -0,0 +1,166 @@
+package com.example.androidlabs.hotelScreen
+
+import androidx.compose.animation.shrinkVertically
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.ScrollState
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonColors
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Divider
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.Hotel
+import com.example.androidlabs.R
+import com.example.androidlabs.homeScreen.CardItem.HotelCard
+
+@Composable
+fun HotelInfo(hotel: Hotel, navController: NavHostController) {
+    Column (
+        modifier = Modifier
+            .fillMaxWidth()
+            .fillMaxHeight()
+            .background(Color.White)
+            .verticalScroll(rememberScrollState()),
+        verticalArrangement = Arrangement.SpaceBetween,
+
+    ){
+
+            Image(
+                painter = painterResource(id = hotel.img),
+                contentDescription = "hotel",
+                contentScale = ContentScale.FillWidth,
+                modifier = Modifier
+                    .fillMaxWidth()
+            )
+        Box(
+            modifier = Modifier.background(Color.White)
+        ){
+            Row (
+                modifier = Modifier
+                    .fillMaxWidth(),
+
+                horizontalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text = hotel.name)
+                // stars
+            }
+        }
+        Divider(color = Color.Black, thickness = 1.dp)
+        Box(
+            modifier = Modifier.background(Color.White)
+        ){
+            Row (
+                modifier = Modifier
+                    .fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text = "1 room | 1 Night")
+                Text(text = "Rs. 4000")
+            }
+        }
+        Divider(color = Color.Black, thickness = 1.dp)
+        Box(
+            modifier = Modifier
+                .background(Color.White)
+        ){
+            Column (
+                modifier = Modifier
+                    .fillMaxWidth()
+                    ,
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text = "Location")
+                Text(text = hotel.location)
+            }
+        }
+        Divider(color = Color.Black, thickness = 1.dp)
+        Box(
+            modifier = Modifier
+                .background(Color.White)
+        ){
+            Column (
+                modifier = Modifier
+                    .fillMaxWidth()
+                ,
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text = "Amenties")
+                Text(text = "wifi")
+            }
+        }
+        Divider(color = Color.Black, thickness = 1.dp)
+
+        Box(
+            modifier = Modifier
+                .background(Color.White)
+        ){
+            Column (
+                modifier = Modifier
+                    .fillMaxWidth()
+                ,
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.SpaceEvenly
+            ){
+                Text(text = "Info")
+                Text(text = "inf")
+            }
+        }
+        Row(
+           modifier = Modifier
+                .padding(bottom = 60.dp),
+            verticalAlignment = Alignment.Bottom
+        ){
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    navController.navigate("booking")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 5.dp)
+                    .height(50.dp)
+            ) {
+                Text("Select Room")
+            }
+        }
+    }
+}
+
+
+@Preview(showBackground = true)
+@Composable
+fun HotelInfoPreview() {
+    val navController = rememberNavController()
+    HotelInfo(Hotel("hotel", R.drawable.img_1, 4, "location", "info", 4000), navController)
+
+}

app/src/main/java/com/example/androidlabs/profileScreen/profile/Profile.kt

@@ -0,0 +1,43 @@
+package com.example.androidlabs.profileScreen.profile
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+@Composable
+fun Person() {
+    Column(
+        modifier = Modifier
+            .background(Color.White)
+            .fillMaxSize(),
+        verticalArrangement = Arrangement.Center
+    ) {
+        ProfileCard()
+    }
+}
+
+@Preview
+@Composable
+fun PersonPreview(){
+    Person()
+}

app/src/main/java/com/example/androidlabs/profileScreen/profile/ProfileCard.kt

@@ -0,0 +1,71 @@
+package com.example.androidlabs.profileScreen.profile
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.androidlabs.R
+
+@Preview
+@Composable
+fun ProfileCard() {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(Color.LightGray)
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            Image(
+                contentScale = ContentScale.Crop,
+                painter = painterResource(id = R.drawable.img_1),
+                contentDescription = null,
+                modifier = Modifier
+                    .size(150.dp)
+                    .border(2.dp, Color.White, CircleShape)
+                    .padding(16.dp)
+                    .clip(CircleShape)
+            )
+
+            Text(
+                text = "User",
+                fontSize = 18.sp,
+                fontWeight = FontWeight.Bold
+            )
+
+            Text(
+                text = "user@example.com",
+                fontSize = 16.sp,
+                color = Color.Gray
+            )
+        }
+    }
+}

app/src/main/java/com/example/androidlabs/profileScreen/profile/ProfileScreen.kt

@@ -0,0 +1,103 @@
+package com.example.androidlabs.profileScreen.profile
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.requiredSize
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable;
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.colorResource
+import com.example.androidlabs.R
+
+@Composable
+fun ProfileScreen(navController: NavHostController) {
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .fillMaxHeight()
+            .padding(16.dp),
+        verticalArrangement = Arrangement.Center,
+    ){
+        Row(
+        ){
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    navController.navigate("person")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 0.dp)
+                    .height(50.dp)
+            ) {
+                Text(text = "Profile")
+            }
+        }
+        Spacer(modifier = Modifier.height(16.dp))
+        Row(
+        ){
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    navController.navigate("login")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 0.dp)
+                    .height(50.dp)
+            ) {
+                Text(text = "Sign In")
+            }
+        }
+        Spacer(modifier = Modifier.height(16.dp))
+        Row(
+        ){
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    navController.navigate("signup")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 0.dp)
+                    .height(50.dp)
+            ) {
+                Text(text = "Sign Up")
+            }
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = true)
+fun ProfileScreenPreview(){
+    val navController = rememberNavController()
+    ProfileScreen(navController = navController)
+}

app/src/main/java/com/example/androidlabs/profileScreen/signIn/SignInCard.kt

@@ -0,0 +1,157 @@
+package com.example.androidlabs.profileScreen.signIn
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.ClickableText
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.R
+
+@Composable
+fun SignInCard(navController: NavHostController) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            var username by remember { mutableStateOf("") }
+            var password by remember { mutableStateOf("") }
+
+            Text(
+                text = "Sign In",
+                fontSize = 24.sp,
+                fontWeight = FontWeight.Bold,
+                modifier = Modifier
+                    .padding(16.dp)
+            )
+
+            TextField(
+                value = username,
+                onValueChange = { username = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Username",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = password,
+                onValueChange = { password = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                visualTransformation = PasswordVisualTransformation(),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Password",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 0.dp)
+                    .height(50.dp)
+            ) {
+                Text("Sign In")
+            }
+            ClickableText(
+                text = AnnotatedString("You do not have an account? Register!"),
+                modifier = Modifier
+                    .padding(0.dp, 0.dp, 0.dp, 16.dp),
+                onClick = {
+                    navController.navigate("signup")
+                }
+            )
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = true)
+fun SignInScreenPreview(){
+    val navController = rememberNavController()
+    LoginScreen(navController = navController)
+}

app/src/main/java/com/example/androidlabs/profileScreen/signIn/SignInScreen.kt

@@ -0,0 +1,45 @@
+package com.example.androidlabs.profileScreen.signIn
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavController
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.profileScreen.profile.ProfileScreen
+import androidx.compose.material.Text as Text1
+
+@Composable
+fun LoginScreen(navController: NavHostController) {
+    Column(modifier = Modifier
+        .fillMaxSize()
+        .background(Color.White),
+        verticalArrangement = Arrangement.Center
+    ) {
+        SignInCard(navController)
+    }
+}
+
+@Composable
+@Preview
+fun LoginScreenPreview(){
+    val navController = rememberNavController()
+    LoginScreen(navController = navController)
+}

app/src/main/java/com/example/androidlabs/profileScreen/signUp/SignUpCard.kt

@@ -0,0 +1,233 @@
+package com.example.androidlabs.profileScreen.signUp
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.compose.rememberNavController
+import com.example.androidlabs.R
+import com.example.androidlabs.profileScreen.signIn.LoginScreen
+
+@Composable
+@Preview
+fun SignUpCard() {
+    var username by remember { mutableStateOf("") }
+    var password by remember { mutableStateOf("") }
+    var sex by remember { mutableStateOf("") }
+    var name by remember { mutableStateOf("") }
+    var surname by remember { mutableStateOf("") }
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            Text(
+                text = "Sign Up",
+                fontSize = 24.sp,
+                fontWeight = FontWeight.Bold,
+                modifier = Modifier
+                    .padding(16.dp)
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = username,
+                onValueChange = { username = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Username",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = name,
+                onValueChange = { name = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Name",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = surname,
+                onValueChange = { surname = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Surname",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = sex,
+                onValueChange = { sex = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Sex",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = password,
+                onValueChange = { password = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                visualTransformation = PasswordVisualTransformation(),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Password",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = (colorResource(id = R.color.figma_blue)),
+                    contentColor = Color.White
+                ),
+                onClick = {
+
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 0.dp)
+                    .height(50.dp)
+            ) {
+                Text("Sign Up")
+            }
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = true)
+fun SignUpScreenPreview(){
+    SignUpScreen()
+}

app/src/main/java/com/example/androidlabs/profileScreen/signUp/SignUpScreen.kt

@@ -0,0 +1,47 @@
+package com.example.androidlabs.profileScreen.signUp
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.DropdownMenu
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+@Composable
+fun SignUpScreen() {
+    Column(modifier = Modifier
+        .fillMaxSize()
+        .background(Color.White),
+        verticalArrangement = Arrangement.Center
+    ) {
+        SignUpCard()
+    }
+}

app/src/main/java/com/example/androidlabs/ui/theme/Theme.kt

@@ -1,13 +1,14 @@
-package com.example.androidlabs.ui.theme
 
+package com.example.androidlabs.ui.theme
+/*
 import android.app.Activity
 import android.os.Build
 import androidx.compose.foundation.isSystemInDarkTheme
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.darkColorScheme
-import androidx.compose.material3.dynamicDarkColorScheme
-import androidx.compose.material3.dynamicLightColorScheme
-import androidx.compose.material3.lightColorScheme
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.darkColorScheme
+import androidx.compose.material.dynamicDarkColorScheme
+import androidx.compose.material.dynamicLightColorScheme
+import androidx.compose.material.lightColorScheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.SideEffect
 import androidx.compose.ui.graphics.toArgb
@@ -68,3 +69,5 @@ fun AndroidLabsTheme(
             content = content
     )
 }
+
+ */

app/src/main/java/com/example/androidlabs/ui/theme/Type.kt

@@ -1,5 +1,5 @@
 package com.example.androidlabs.ui.theme
-
+/*
 import androidx.compose.material3.Typography
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontFamily
@@ -15,7 +15,7 @@ val Typography = Typography(
                 lineHeight = 24.sp,
                 letterSpacing = 0.5.sp
         )
-        /* Other default text styles to override
+        Other default text styles to override
     titleLarge = TextStyle(
         fontFamily = FontFamily.Default,
         fontWeight = FontWeight.Normal,
@@ -30,5 +30,6 @@ val Typography = Typography(
         lineHeight = 16.sp,
         letterSpacing = 0.5.sp
     )
-    */
+
 )
+ */

app/src/main/res/drawable/baseline_delete_24.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M6,19c0,1.1 0.9,2 2,2h8c1.1,0 2,-0.9 2,-2V7H6v12zM19,4h-3.5l-1,-1h-5l-1,1H5v2h14V4z"/>
+</vector>

app/src/main/res/drawable/baseline_edit_24.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"/>
+</vector>

app/src/main/res/drawable/location.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M12,2C8.13,2 5,5.13 5,9c0,5.25 7,13 7,13s7,-7.75 7,-13c0,-3.87 -3.13,-7 -7,-7zM12,11.5c-1.38,0 -2.5,-1.12 -2.5,-2.5s1.12,-2.5 2.5,-2.5 2.5,1.12 2.5,2.5 -1.12,2.5 -2.5,2.5z"/>
+</vector>

app/src/main/res/drawable/star_outline.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M22,9.24l-7.19,-0.62L12,2 9.19,8.63 2,9.24l5.46,4.73L5.82,21 12,17.27 18.18,21l-1.63,-7.03L22,9.24zM12,15.4l-3.76,2.27 1,-4.28 -3.32,-2.88 4.38,-0.38L12,6.1l1.71,4.04 4.38,0.38 -3.32,2.88 1,4.28L12,15.4z"/>
+</vector>

app/src/main/res/drawable/star_rate.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M14.43,10l-2.43,-8l-2.43,8l-7.57,0l6.18,4.41l-2.35,7.59l6.17,-4.69l6.18,4.69l-2.35,-7.59l6.17,-4.41z"/>
+</vector>

app/src/main/res/values/colors.xml

@@ -7,4 +7,7 @@
     <color name="teal_700">#FF018786</color>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
+    <color name="figma">#F4F4F4</color>
+    <color name="figma_blue">#802A7DB9</color>
+
 </resources>