1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
use dioxus::prelude::*;
#[derive(Clone, PartialEq, Eq, Debug)]
pub struct FooterLinks {
pub blog: String,
pub pricing: String,
pub contact: String,
pub terms: String,
pub privacy: String,
pub about: Option<String>,
}
#[component]
pub fn Footer(margin_top: Option<String>, links: FooterLinks) -> Element {
let extra_class = if let Some(extra_class) = margin_top {
extra_class
} else {
"mt-24".to_string()
};
rsx! {
footer {
class: "{extra_class} bg-neutral text-neutral-content p-10",
div {
class: "mx-auto lg:max-w-5xl flex flex-col md:flex-row justify-between",
nav {
h6 {
class: "footer-title",
"Resources"
}
a {
href: links.blog.clone(),
class: "block link-hover",
"Blog"
}
a {
href: links.pricing.clone(),
class: "block link-hover",
"Pricing"
}
}
nav {
h6 {
class: "footer-title",
"Company"
}
if let Some(about) = links.about.clone() {
a {
class: "block link-hover",
href: about,
"About Us"
}
} else {
a {
class: "block link-hover",
"About Us"
}
}
a {
href: links.contact.clone(),
class: "block link-hover",
"Contact"
}
}
nav {
h6 {
class: "footer-title",
"Legal"
}
a {
href: links.terms.clone(),
class: "block link-hover",
"Terms of Use"
}
a {
href: links.privacy.clone(),
class: "block link-hover",
"Privacy Policy"
}
}
}
}
}
}