Changed contact us to sell with us, added loading to agents screen

This commit is contained in:
Franklin 2023-04-14 13:07:28 -04:00
parent 5b55a20afa
commit d0cf435942
6 changed files with 68 additions and 15 deletions

View File

@ -23,5 +23,12 @@
- [x] Make the navbar logo bigger - [x] Make the navbar logo bigger
- [x] Finish agents screen - [x] Finish agents screen
- [ ] Finish Contact us screen - [ ] Finish Contact us screen
- [ ] Link agent info with details screen, remove hardcoded pic and details - [x] Link agent info with details screen, remove hardcoded pic and details
- [ ] Whatsapp button should direct to agent's phone number wa.me link - [x] Whatsapp button should direct to agent's phone number wa.me link
New todo's
- [ ] Contact us -> Sell with us
- [ ] Static image folder for start page
- [ ] Admin panel with page loads & contact us clicks
- [ ] Put JL on top of the Agents section
- [ ]

View File

@ -217,6 +217,33 @@ Divide the Details page into 3 main sections:
color: rgba(34, 34, 34, 0.873); color: rgba(34, 34, 34, 0.873);
} }
.details-body-loan-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
.details-body-loan-button {
font-size: 16px;
font-family: Space Grotesk;
color: white;
text-decoration: none;
background-color: #02114A;
border-radius: 10px;
width: 80%;
max-width: 350px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.details-body-disclaimer { .details-body-disclaimer {
width: 100%; width: 100%;
font-size: 13px; font-size: 13px;

View File

@ -104,7 +104,7 @@ pub fn navigation_bar() -> Html {
} else { } else {
html! { html! {
<div onclick={move |_| cloned_navigator_3.push(&Route::Contact)} class={"navbar-item-contact-us"}> <div onclick={move |_| cloned_navigator_3.push(&Route::Contact)} class={"navbar-item-contact-us"}>
{"Contáctanos"} {NAVBAR_COL_CONTACTO}
</div> </div>
} }
} }

View File

@ -1,6 +1,6 @@
pub const NAVBAR_COL_LANDING: &str = "Inicio"; pub const NAVBAR_COL_LANDING: &str = "Inicio";
pub const NAVBAR_COL_PROYECTOS: &str = "Proyectos"; pub const NAVBAR_COL_PROYECTOS: &str = "Proyectos";
pub const NAVBAR_COL_CONTACTO: &str = "Contacto"; pub const NAVBAR_COL_CONTACTO: &str = "Vende con nosotros";
pub const NAVBAR_COL_AGENTES: &str = "Agentes"; pub const NAVBAR_COL_AGENTES: &str = "Agentes";
pub const PRIMARY_COLOR: &str = "#41BDD9"; pub const PRIMARY_COLOR: &str = "#41BDD9";

View File

@ -27,12 +27,24 @@ pub fn agents_page() -> Html {
<> <>
<NavigationBar/> <NavigationBar/>
<div class={"page-container"} style={"margin-bottom: 20vh"}> //TODO: remove this margin when landing page done <div class={"page-container"} style={"margin-bottom: 20vh"}> //TODO: remove this margin when landing page done
<div class={"agents-title"}> {if *finished_loading {
{"Nuestros Agentes"} html! {
</div> <>
<div class={"agents-container"}> <div class={"agents-title"}>
{(*agents).iter().map(|agent| html!{ <AgentCard agent={agent.clone()}/> }).collect::<Html>()} {"Nuestros Agentes"}
</div> </div>
<div class={"agents-container"}>
{(*agents).iter().map(|agent| html!{ <AgentCard agent={agent.clone()}/> }).collect::<Html>()}
</div>
</>
}
} else {
html!{
<div class={"loading-container"}>
<div class="lds-facebook"><div></div><div></div><div></div></div>
</div>
}
}}
</div> </div>
<PageFooter/> <PageFooter/>
</> </>

View File

@ -85,11 +85,7 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
<div class={"details-body"}> <div class={"details-body"}>
<div class={"details-body-description"}> <div class={"details-body-description"}>
<p> <p>
{ {listing.project.description}
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Phasellus vestibulum lorem sed risus. Tellus cras adipiscing enim eu turpis. Feugiat in fermentum posuere urna nec tincidunt praesent semper. Quis commodo odio aenean sed adipiscing diam. Ipsum faucibus vitae aliquet nec ullamcorper. Egestas sed tempus urna et pharetra pharetra. Leo urna molestie at elementum eu facilisis sed odio. Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Suspendisse in est ante in nibh mauris cursus mattis. Vel turpis nunc eget lorem dolor sed viverra. Sit amet nisl purus in mollis nunc sed id. Mattis vulputate enim nulla aliquet porttitor. Sit amet venenatis urna cursus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt."
}
</p> </p>
</div> </div>
@ -174,6 +170,13 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
} }
} }
</div> </div>
<div class={"details-body-loan-container"}>
<a class={"details-body-loan-button"} href={""}>
{"Aplica para financiamiento"}
</a>
</div>
<div class={"details-body-divider"}></div> <div class={"details-body-divider"}></div>
@ -182,6 +185,10 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
<div class={"details-body-disclaimer"}> <div class={"details-body-disclaimer"}>
{"*Unidades sujetas a disponibilidad"} {"*Unidades sujetas a disponibilidad"}
</div> </div>
<div class={"details-body-disclaimer"}>
{"*Las imágenes mostradas pueden ser representaciones artísticas y no representan exactamente como el proyecto estará al momento de entrega. "}
</div>
</div> </div>
} }