diff --git a/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/QuestionsGrid.kt b/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/QuestionsGrid.kt index 4357686e..d010c1e6 100644 --- a/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/QuestionsGrid.kt +++ b/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/QuestionsGrid.kt @@ -14,6 +14,7 @@ import com.varabyte.kobweb.framework.annotations.DelicateApi import com.varabyte.kobweb.silk.components.icons.mdi.IconStyle import com.varabyte.kobweb.silk.components.icons.mdi.MdiHelp import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint +import com.varabyte.kobweb.silk.style.breakpoint.displayIfAtLeast import com.varabyte.kobweb.silk.style.toModifier import com.varabyte.kobweb.silk.theme.breakpoint.rememberBreakpoint import com.zenmo.web.zenmo.components.widgets.LangText @@ -71,21 +72,21 @@ fun QuestionsGrid() { .color(Colors.White), ) { Column { - Row( - verticalAlignment = Alignment.CenterVertically, - ) { + Row { Box( Modifier + .displayIfAtLeast(Breakpoint.MD) .size(48.px) .margin(right = 12.px) + .flexShrink(0) .luxBorderRadius() .verticalLinearBackground() .color(Colors.White), contentAlignment = Alignment.Center ) { MdiHelp(style = IconStyle.OUTLINED) } HeaderText( - enText = "Typical questions", - nlText = "Typische vragen", + enText = "What LUX Neighbourhood solves", + nlText = "Wat LUX Woonwijk oplost", ) } P { diff --git a/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/ResHero.kt b/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/ResHero.kt index 8c2e4c95..f4da55b9 100644 --- a/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/ResHero.kt +++ b/site/src/jsMain/kotlin/com/zenmo/web/zenmo/domains/lux/sections/application_fields/lux_res_area/components/ResHero.kt @@ -34,7 +34,7 @@ fun ResHero() { TextContent() Box(Modifier.fillMaxWidth()) { ImageContent( - imageUrl = "/lux/images/horizon_img.jpg", + imageUrl = "/lux/images/lux_neighbourhood.png", alt = "horizon", ) } diff --git a/site/src/jsMain/resources/public/lux/images/lux_neighbourhood.png b/site/src/jsMain/resources/public/lux/images/lux_neighbourhood.png new file mode 100644 index 00000000..a054affd Binary files /dev/null and b/site/src/jsMain/resources/public/lux/images/lux_neighbourhood.png differ