this repo has no description
lustre
frontent
oat-ui
gleam
🚧 add title and subtitle
+23
-1
+23
-1
src/client/page/home.gleam
+23
-1
src/client/page/home.gleam
···
1
1
import client/session
2
+
import lustre/attribute.{class}
2
3
import lustre/effect
3
4
import lustre/element
4
5
import lustre/element/html
···
16
17
}
17
18
18
19
pub fn view(_session: session.Session) -> element.Element(Msg) {
19
-
html.p([], [html.text("Home")])
20
+
element.fragment([
21
+
html.header([class("flex flex-col gap-6 items-center mt-10")], [
22
+
// Title
23
+
html.h1(
24
+
[
25
+
class("text-3xl text-center sm:text-4xl md:text-5xl"),
26
+
class("py-2 my-0 font-bold text-balance"),
27
+
class("text-transparent bg-clip-text"),
28
+
class("from-blue-600 via-teal-600 to-green-600 bg-linear-to-r"),
29
+
],
30
+
[html.text("Reduza até 40% nos Custos de Energia da sua Empresa")],
31
+
),
32
+
33
+
// Subtitle
34
+
html.h2([class("my-0 text-subtext")], [
35
+
html.text(
36
+
"Soluções financeiras inteligentes para gestão energética:"
37
+
<> " economia garantida, financiamento solar e contratos otimizados.",
38
+
),
39
+
]),
40
+
]),
41
+
])
20
42
}