FEAT: hecho el arreglo de los botones y empecé con el registro de propiedades

Front/src/paginas/PublicarPropiedad.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+    import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+    type Propiedad = {
+        ubicacion: string,
+        canthabitaciones: number,
+        piso: number,
+        letra: string,
+        email: string,
+        idtipropiedad: number,
+    }
+    let propiedad: Propiedad = {
+        ubicacion: "",
+        canthabitaciones: 1,
+        piso: 0,
+        letra: "",
+        email: "",
+        idtipropiedad: 1,
+    };
+
+    const submitForm = () => {
+        console.log("Formulario enviado:", propiedad);
+    };
+
+</script>
+
+<NavBarAutocompletable/>
+<div class="container mt-4">
+    <h2>Registrar Propiedad</h2>
+    <form on:submit|preventDefault={submitForm}>
+        <div class="form-floating mb-3">
+            <input
+                type="text"
+                id="ubicacion"
+                class="form-control"
+                bind:value={propiedad.ubicacion}
+                placeholder="Ubicación"
+                required
+            />
+            <label for="ubicacion">Ubicación</label>
+        </div>
+        <div class="form-floating mb-3">
+            <input
+                type="number"
+                id="canthabitaciones"
+                class="form-control"
+                bind:value={propiedad.canthabitaciones}
+                min="1"
+                placeholder="Cantidad de Habitaciones"
+                required
+            />
+            <label for="canthabitaciones">Cantidad de Habitaciones</label>
+        </div>
+        <div class="form-floating mb-3">
+            <input
+                type="number"
+                id="piso"
+                class="form-control"
+                bind:value={propiedad.piso}
+                min="0"
+                placeholder="Piso"
+            />
+            <label for="piso">Piso</label>
+        </div>
+        <div class="form-floating mb-3">
+            <input
+                type="text"
+                id="letra"
+                class="form-control"
+                bind:value={propiedad.letra}
+                maxlength="1"
+                placeholder="Letra"
+            />
+            <label for="letra">Letra</label>
+        </div>
+ 
+        <div class="form-floating mb-3">
+            <select
+                id="idtipropiedad"
+                class="form-select"
+                bind:value={propiedad.idtipropiedad}
+                required
+            >
+                <option value="1">Casa</option>
+                <option value="2">Departamento</option>
+                <option value="3">Oficina</option>
+            </select>
+            <label for="idtipropiedad">Tipo de Propiedad</label>
+        </div>
+        <button type="submit" class="btn btn-primary">Enviar</button>
+    </form>
+</div>

Front/src/paginas/grupos/AdminG.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    import ListaAcciones from "../../Componentes/ListaAcciones.svelte";
+import NavBarAutocompletable from "../../Componentes/NavBarAutocompletable.svelte";
+
+</script>
+
+<NavBarAutocompletable/>
+<div class="container mt-5">
+    <div class="text-center mb-4">
+        <h1>Perfil del Administrador</h1>
+        <p>Gestiona las cuentas de usuarios, propiedades y permisos desde aquí.</p>
+    </div>
+    <ListaAcciones/>
+</div>

Front/src/paginas/grupos/EstadisticaG.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+    import NavBarAutocompletable from "../../Componentes/NavBarAutocompletable.svelte";
+</script>
+
+<NavBarAutocompletable/>

Front/src/paginas/grupos/InquilinoG.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    import ListaAcciones from "../../Componentes/ListaAcciones.svelte";
+import NavBarAutocompletable from "../../Componentes/NavBarAutocompletable.svelte";
+</script>
+
+<NavBarAutocompletable/>
+
+<div class="container mt-5">
+    <div class="text-center mb-4">
+        <h1>Perfil del Inquilino</h1>
+        <p>Gestiona tus Pagos y Busca Propiedades desde aquí.</p>
+    </div>
+    <ListaAcciones/>
+</div>

Front/src/paginas/grupos/PropietarioG.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import ListaAcciones from "../../Componentes/ListaAcciones.svelte";
+    import NavBarAutocompletable from "../../Componentes/NavBarAutocompletable.svelte";
+</script>
+
+<NavBarAutocompletable/>
+<div class="container mt-5">
+    <div class="text-center mb-4">
+        <h1>Perfil del Propietario</h1>
+        <p>Gestiona tus propiedades y servicios desde aquí.</p>
+    </div>
+    <ListaAcciones/>
+</div>

Front/src/paginas/info.svelte

@@ -0,0 +1,22 @@
+<script>
+    import NavBarLogin from "../Componentes/NavBarLogin.svelte";
+    import BarraTexto from "../Componentes/BarraHorizontalConTexto.svelte";
+</script>
+
+<NavBarLogin/><br>
+<div class="container text-justify">
+    <h4>Preguntas Frecuentes:</h4>
+
+    <BarraTexto text="Que es AlquilaFacil" />
+    
+    Es un sistema el cual desarrolle para la materia de ingenieria de software / trabajo de diploma.
+    En la cual se pueden publicar propiedades como un propietario y buscar propiedades para alquilar. 
+    O Visualizar cuantos meses te deben tus inquilinos o en caso de ser un inquilino poder realizar
+    los pagos o visualizar los comprobantes de los pagos realizados.
+    
+    
+    <BarraTexto text="Necesito una cuenta?" />
+
+    Sí es necesario comunicarse con un administrador para que se te creé una cuenta ya sea para inquilino,
+    propietario o ambas. 
+</div>

Front/src/paginas/inquilino.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+    import FormPostInq from "../Componentes/FormPostCli.svelte";
+    import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+    import TextBar  from "../Componentes/BarraHorizontalConTexto.svelte";
+</script>
+
+<NavBarAutocompletable/>
+
+<div class="container">
+    <div class="row align-items-start">
+        <div class="col">
+            <br><br>
+            <TextBar text="Formulario Alta Inquilino" />
+            Este es un formulario para crear una cuenta de Propietario.
+            Los campos con un asterisco (*) requieren ser completados 
+            si o si.
+            <br><br>
+
+            <TextBar text="¿Porque querria crear una cuenta?" />
+            Crear una cuenta es necesario para poder acceder al menu de
+            inquilino donde se mostrarán los alquileres pendientes de pago
+            y donde podrá buscar propiedades para alquilar.
+            <br><br>
+
+            <TextBar text="¿Que pasa si ya tengo una cuenta de propietario?" />
+            Si tiene una cuenta de propietario rellene los campos igualmente y
+            se le añadirán las capacidades de buscar propiedades para alquilar
+            y ver el estado de los alquileres donde usted es inquilino.
+        </div>
+        <div class="col">
+            <br>
+            <FormPostInq url="http://127.0.0.1:5007/api/inquilino"/>
+        </div>
+    </div>
+</div>

Front/src/paginas/login.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import Login from "../Componentes/login.svelte"
+  import Navbar from "../Componentes/NavBarLogin.svelte";
+</script>
+
+<Navbar/>
+<div class="position-relative">
+  <br>
+  <Login/>
+</div>

Front/src/paginas/menu.svelte

@@ -0,0 +1,6 @@
+<script>
+    import NavBarAuto from "../Componentes/NavBarAutocompletable.svelte";
+</script>
+
+<NavBarAuto/>
+hol 

Front/src/paginas/propietario.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+    import FormPostInq from "../Componentes/FormPostCli.svelte";
+    import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+    import TextBar  from "../Componentes/BarraHorizontalConTexto.svelte";
+</script>
+
+<NavBarAutocompletable/>
+
+<div class="container">
+    <div class="row align-items-start">
+        <div class="col">
+            <br><br>
+            <TextBar text="Formulario Alta Propietario" />
+            Este es un formulario para crear una cuenta de Inquilino.
+            Los campos con un asterisco (*) requieren ser completados 
+            si o si.
+            <br><br>
+            <TextBar text="¿Porque querria crear una cuenta?" />
+            Crear una cuenta es necesario para poder acceder al menu de
+            propietario donde se mostrarán tanto las propiedades sin alquilar
+            como las alquiladas y cual es la situacion con el inquilino.
+            <br><br>
+
+            <TextBar text="¿Que pasa si ya tengo una cuenta de Inquilino?" />
+            Si tiene una cuenta de Inquilino rellene los campos igualmente y
+            se le añadirán las capacidades de publicar propiedades y ver
+            el estado de los alquileres donde usted es Propietario.
+        </div>
+        <div class="col">
+            <br>
+            <FormPostInq url="http://127.0.0.1:5007/api/propietario"/>
+        </div>
+    </div>
+</div>