Hotel Dashboard - Copy this React, Tailwind Component to your project
<Window-x:Class="HotelV3.MainWindow"-xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"-xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"-xmlns:d="http://schemas.microsoft.com/expression/blend/2008"-xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"-xmlns:local="clr-namespace:HotelV3"-mc:Ignorable="d"-Title="MainWindow"-Height="450"-Width="800"-Loaded="Window_Loaded">-<Grid>-<StackPanel-Background="MistyRose"-Width="250"-HorizontalAlignment="Left"-VerticalAlignment="Stretch">-<!---Header--->-<StackPanel-Background="MistyRose"-Height="75">-<Label-Content="
HOTEL-MANAGER"-FontSize="14"-FontWeight="Bold"-HorizontalAlignment="Center"-Foreground="Black"-Height="71"/>-</StackPanel>-<!---Buttons--->-<Button-x:Name="btnMember"-Content="Member"-FontSize="12"-Background="MistyRose"-Foreground="Black"-Height="80"-Click="btnMember_Click"/>-<Button-x:Name="btnService"-Content="Service"-FontSize="12"-Background="MistyRose"-Foreground="Black"-Height="80"-Click="btnService_Click"/>-<Button-x:Name="btnLogout"-Content="Log-out"-FontSize="12"-Margin="40,20,40,0"-Click="btnLogout_Click"-Height="69"/>-</StackPanel>-<!---Top-Panel--->-<DockPanel-Background="MistyRose"-Height="75"-VerticalAlignment="Top"-Margin="250,0,0,0">-<Label-x:Name="HelloMsgLabel"-Content="HOME"-FontSize="16"-FontWeight="Bold"-HorizontalAlignment="Center"-VerticalAlignment="Center"-Foreground="Black"/>-</DockPanel>-<!---Content-Area--->-<Grid-x:Name="panelDesktop"-Margin="250,75,0,0"-Background="White">-<!---Room-Buttons--->-<UniformGrid-Columns="5"-HorizontalAlignment="Center"-VerticalAlignment="Top"-Margin="10">-<!---Row-1:-100---104--->-<Button-x:Name="room100"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="100"-Content="100"-Foreground="Black"/>-<Button-x:Name="room101"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="101"-Content="101"-Foreground="Black"/>-<Button-x:Name="room102"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="102"-Content="102"-Foreground="Black"/>-<Button-x:Name="room103"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="103"-Content="103"-Foreground="Black"/>-<Button-x:Name="room104"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="104"-Content="104"-Foreground="Black"/>-<!---Row-2:-200---204--->-<Button-x:Name="room200"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="200"-Content="200"-Foreground="Black"/>-<Button-x:Name="room201"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="201"-Content="201"-Foreground="Black"/>-<Button-x:Name="room202"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="202"-Content="202"-Foreground="Black"/>-<Button-x:Name="room203"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="203"-Content="203"-Foreground="Black"/>-<Button-x:Name="room204"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="204"-Content="204"-Foreground="Black"/>-<!---Row-3:-300---304--->-<Button-x:Name="room300"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="300"-Content="300"-Foreground="Black"/>-<Button-x:Name="room301"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="301"-Content="301"-Foreground="Black"/>-<Button-x:Name="room302"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="302"-Content="302"-Foreground="Black"/>-<Button-x:Name="room303"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="303"-Content="303"-Foreground="Black"/>-<Button-x:Name="room304"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="304"-Content="304"-Foreground="Black"/>-<!---Row-4:-400---404--->-<Button-x:Name="room400"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="400"-Content="400"-Foreground="Black"/>-<Button-x:Name="room401"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="401"-Content="401"-Foreground="Black"/>-<Button-x:Name="room402"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="402"-Content="402"-Foreground="Black"/>-<Button-x:Name="room403"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="403"-Content="403"-Foreground="Black"/>-<Button-x:Name="room404"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="404"-Content="404"-Foreground="Black"/>-<!---Row-5:-500---504--->-<Button-x:Name="room500"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="500"-Content="500"-Foreground="Black"/>-<Button-x:Name="room501"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="501"-Content="501"-Foreground="Black"/>-<Button-x:Name="room502"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="502"-Content="502"-Foreground="Black"/>-<Button-x:Name="room503"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="503"-Content="503"-Foreground="Black"/>-<Button-x:Name="room504"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="504"-Content="504"-Foreground="Black"/>-<!---Row-6:-600---604--->-<Button-x:Name="room600"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="600"-Content="600"-Foreground="Black"/>-<Button-x:Name="room601"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="601"-Content="601"-Foreground="Black"/>-<Button-x:Name="room602"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="602"-Content="602"-Foreground="Black"/>-<Button-x:Name="room603"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="603"-Content="603"-Foreground="Black"/>-<Button-x:Name="room604"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="604"-Content="604"-Foreground="Black"/>-<!---Row-7:-700---704--->-<Button-x:Name="room700"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="700"-Content="700"-Foreground="Black"/>-<Button-x:Name="room701"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="701"-Content="701"-Foreground="Black"/>-<Button-x:Name="room702"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="702"-Content="702"-Foreground="Black"/>-<Button-x:Name="room703"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="703"-Content="703"-Foreground="Black"/>-<Button-x:Name="room704"-Width="90"-Height="40"-Background="Green"-Margin="5"-Click="Room_Click"-Tag="704"-Content="704"-Foreground="Black"/>-</UniformGrid>-</Grid>-</Grid>-</Window>-desgin-code-c#-wpf
