this repo has no description
lustre
frontent
oat-ui
gleam
💄 add buttons to home page first section
+48
-21
+1
-1
src/client.gleam
+1
-1
src/client.gleam
···
124
124
html.section([attr.data("sidebar-layout", "")], [
125
125
navbar.view(model.session, model.lang) |> element.map(NavbarMsg),
126
126
sidebar.view(model.session) |> element.map(SidebarMsg),
127
-
html.main([attr.class("p-4")], [element_view |> element.map(f)]),
127
+
html.main([attr.class("p-0")], [element_view |> element.map(f)]),
128
128
])
129
129
}
130
130
+46
-19
src/client/page/home.gleam
+46
-19
src/client/page/home.gleam
···
1
+
import client/icon
1
2
import client/session
2
3
import lustre/attribute.{class}
3
4
import lustre/effect
···
14
15
15
16
pub fn view(_session: session.Session) -> element.Element(Msg) {
16
17
element.fragment([
17
-
html.header([class("flex flex-col gap-6 items-center mt-10")], [
18
-
// Title
19
-
html.h1(
20
-
[
21
-
class("text-3xl text-center sm:text-4xl md:text-5xl"),
22
-
class("py-2 my-0 font-bold text-balance"),
23
-
class("text-transparent bg-clip-text"),
24
-
class("from-blue-600 via-teal-600 to-green-600 bg-linear-to-r"),
25
-
],
26
-
[html.text("Reduza até 40% nos Custos de Energia da sua Empresa")],
27
-
),
18
+
html.section(
19
+
[
20
+
class("flex flex-col gap-6 items-center py-10"),
21
+
class("from-blue-50 via-white to-green-50 bg-linear-to-br"),
22
+
],
23
+
[
24
+
// Title
25
+
html.h1(
26
+
[
27
+
class("text-3xl text-center md:text-4xl lg:text-5xl"),
28
+
class("py-2 my-0 font-bold text-balance"),
29
+
class("text-transparent bg-clip-text"),
30
+
class("from-blue-600 via-teal-600 to-green-600 bg-linear-to-r"),
31
+
],
32
+
[html.text("Reduza até 40% nos Custos de Energia da sua Empresa")],
33
+
),
34
+
35
+
// Subtitle
36
+
html.h2([class("my-0 text-center text-subtext text-balance")], [
37
+
html.text(
38
+
"Soluções financeiras inteligentes para gestão energética:"
39
+
<> " economia garantida, financiamento solar e contratos otimizados.",
40
+
),
41
+
]),
28
42
29
-
// Subtitle
30
-
html.h2([class("my-0 text-subtext")], [
31
-
html.text(
32
-
"Soluções financeiras inteligentes para gestão energética:"
33
-
<> " economia garantida, financiamento solar e contratos otimizados.",
34
-
),
35
-
]),
36
-
]),
43
+
html.div([class("grid grid-cols-1 gap-4 lg:grid-cols-2")], [
44
+
// Simulator
45
+
html.a(
46
+
[
47
+
class("py-2 px-4 rounded-md"),
48
+
class("bg-primary text-primary-foreground"),
49
+
class("hover:cursor-pointer hstack"),
50
+
],
51
+
[icon.calculator([]), html.text("Simular Economia Grátis")],
52
+
),
53
+
// Talk to a specialist
54
+
html.a(
55
+
[
56
+
class("py-2 px-4 rounded-md border border-subtext hstack"),
57
+
class("bg-white hover:cursor-pointer"),
58
+
],
59
+
[html.text("Falar com Especialista")],
60
+
),
61
+
]),
62
+
],
63
+
),
37
64
])
38
65
}
+1
-1
src/client/page/login.gleam
+1
-1
src/client/page/login.gleam