85 lines
2.6 KiB
JavaScript
85 lines
2.6 KiB
JavaScript
import { Container, PageHeader, Row } from "./components/index.js";
|
|
|
|
const KontaktPreview = ({ widgetsFor, entry }) => {
|
|
return [
|
|
PageHeader(entry),
|
|
h(
|
|
"section",
|
|
{ className: "section pb-0" },
|
|
Container(
|
|
Row([
|
|
h(
|
|
"div",
|
|
{ className: "col-lg-6 mb-4 mb-lg-0" },
|
|
h(
|
|
"form",
|
|
{},
|
|
h("input", {
|
|
className: "form-control form-control-lg mb-3",
|
|
type: "text",
|
|
placeholder: "Ihr Name",
|
|
}),
|
|
h("input", {
|
|
className: "form-control form-control-lg mb-3",
|
|
type: "text",
|
|
placeholder: "Ihre E-Mail Adresse",
|
|
}),
|
|
h("input", {
|
|
className: "form-control form-control-lg mb-3",
|
|
type: "text",
|
|
placeholder: "Betreff",
|
|
}),
|
|
h("textarea", {
|
|
className: "form-control form-control-lg mb-3",
|
|
placeholder: "Nachricht",
|
|
}),
|
|
h("button", { className: "btn btn-primary" }, "Senden")
|
|
)
|
|
),
|
|
h(
|
|
"div",
|
|
{ className: "col-lg-6" },
|
|
h(
|
|
"div",
|
|
{ className: "card" },
|
|
h("div", { className: "card-header fw-bold" }, "Kontaktdaten"),
|
|
h(
|
|
"ul",
|
|
{ className: "list-group list-group-flush" },
|
|
widgetsFor("kontaktdaten").map((person) =>
|
|
h(
|
|
"li",
|
|
{ className: "list-group-item" },
|
|
h("p", { className: "card-title mb-0" }, person.data.name),
|
|
h("p", { className: "text-muted mb-0" }, person.data.position),
|
|
h(
|
|
"p",
|
|
{ className: "card-text" },
|
|
h("i", {
|
|
className: "mdi mdi-email-multiple-outline me-2",
|
|
}),
|
|
person.data.email.replace("@", "(at)")
|
|
)
|
|
)
|
|
),
|
|
h(
|
|
"li",
|
|
{ className: "list-group-item" },
|
|
h(
|
|
"p",
|
|
{ className: "card-text" },
|
|
h("i", { className: "mdi mdi-phone-outline me-2" }),
|
|
"Telefon: +49-0345/6903156"
|
|
)
|
|
)
|
|
)
|
|
)
|
|
),
|
|
])
|
|
)
|
|
),
|
|
];
|
|
};
|
|
|
|
export default KontaktPreview;
|