website: add homepage example pages
This commit is contained in:
34
website/src/pages/examples/homepage/custom.astro
Normal file
34
website/src/pages/examples/homepage/custom.astro
Normal file
@@ -0,0 +1,34 @@
|
||||
---
|
||||
import { jsx as _jsx } from "react/jsx-runtime"
|
||||
import HomepageExample from "@/components/HomepageExample.astro"
|
||||
---
|
||||
|
||||
<HomepageExample
|
||||
title="contenu additionnel"
|
||||
props={{
|
||||
description: _jsx("div", {
|
||||
children: [
|
||||
_jsx("p", {
|
||||
children: "Il est possible d'ajouter une description en dessous de la tagline.",
|
||||
style: { marginBottom: "0.5rem" },
|
||||
}),
|
||||
_jsx("a", {
|
||||
href: "#",
|
||||
className: "fr-btn fr-btn--secondary",
|
||||
children: "Comment utiliser ce service ?",
|
||||
}),
|
||||
],
|
||||
}),
|
||||
children: _jsx("div", {
|
||||
children: [
|
||||
_jsx("h2", {
|
||||
children: "Contenu personnalisé",
|
||||
}),
|
||||
_jsx("p", {
|
||||
children:
|
||||
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis beatae, quia eius voluptatem repudiandae quisquam a magnam obcaecati labore dolor ad vitae, omnis iusto deleniti error eveniet maxime! Consectetur, sint?",
|
||||
}),
|
||||
],
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
6
website/src/pages/examples/homepage/default.astro
Normal file
6
website/src/pages/examples/homepage/default.astro
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
import { jsx as _jsx } from "react/jsx-runtime"
|
||||
import HomepageExample from "@/components/HomepageExample.astro"
|
||||
---
|
||||
|
||||
<HomepageExample title="par défaut" />
|
||||
15
website/src/pages/examples/homepage/email-proconnect.astro
Normal file
15
website/src/pages/examples/homepage/email-proconnect.astro
Normal file
@@ -0,0 +1,15 @@
|
||||
---
|
||||
import { jsx as _jsx } from "react/jsx-runtime"
|
||||
import { HomepageEmailOrProconnect } from "@gouvfr-lasuite/integration"
|
||||
import HomepageExample from "@/components/HomepageExample.astro"
|
||||
---
|
||||
|
||||
<HomepageExample
|
||||
title="connexion email + proconnect"
|
||||
props={{
|
||||
children: _jsx(HomepageEmailOrProconnect, {
|
||||
proconnectUrl: "~~replace~~",
|
||||
emailForm: { action: "~~replace~~" },
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
14
website/src/pages/examples/homepage/email.astro
Normal file
14
website/src/pages/examples/homepage/email.astro
Normal file
@@ -0,0 +1,14 @@
|
||||
---
|
||||
import { jsx as _jsx } from "react/jsx-runtime"
|
||||
import { HomepageEmail } from "@gouvfr-lasuite/integration"
|
||||
import HomepageExample from "@/components/HomepageExample.astro"
|
||||
---
|
||||
|
||||
<HomepageExample
|
||||
title="connexion email"
|
||||
props={{
|
||||
children: _jsx(HomepageEmail, {
|
||||
action: "~~replace~~",
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
Reference in New Issue
Block a user