diff --git a/bullenetwork.ch/src/pages/infusion-first.js b/bullenetwork.ch/src/pages/infusion-first.js
new file mode 100644
index 00000000..5788698e
--- /dev/null
+++ b/bullenetwork.ch/src/pages/infusion-first.js
@@ -0,0 +1,369 @@
+import React, { useState, useEffect } from "react"
+import Layout from "../components/layout-small"
+import { StaticImage } from "gatsby-plugin-image"
+
+const Beatus = () => {
+ const [title, setTitle] = useState(0)
+ const [content, setContent] = useState(1)
+ useEffect(() => {
+ setTitle(
+
+ )
+ setContent(
+ '
'
+ )
+ fetch(`${process.env.GATSBY_DIRECTUS_ENDPOINT}/items/bullenetwork_pages/9`)
+ .then(response => response.json())
+ .then(resultData => {
+ setTitle(resultData.data.title)
+ setContent(resultData.data.content)
+ })
+ }, [])
+ return (
+
+
+
+
+
+
+
+
{title}
+
+
+ Brassée par la brasserie le Pélerin à Baulmes
+
+
+
+ )
+}
+
+export default Beatus
+
+const Anchor = () => {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/bullenetwork.ch/src/styles/pages/beer.scss b/bullenetwork.ch/src/styles/pages/beer.scss
index bd19a247..0f6d501f 100644
--- a/bullenetwork.ch/src/styles/pages/beer.scss
+++ b/bullenetwork.ch/src/styles/pages/beer.scss
@@ -1,4 +1,4 @@
-.beer-page {
+.beer-page-1 {
.main-section {
background: url("../../images/beer/noise.png") repeat,
linear-gradient(143deg, #4B7197 57%, #A6C8E5 100%);
@@ -37,3 +37,61 @@
}
}
}
+
+.beer-page-2 {
+ .main-section {
+
+ &.beer {
+ background: url("../../images/beer/noise.png") repeat, linear-gradient(143deg, #339D84 57%, #a9d4ca 100%);
+ }
+
+ min-height: 100vh;
+ color: white;
+
+ .section-container {
+ max-width: 1200px;
+ margin: auto;
+ position: relative;
+
+ p {
+ font-weight: 300;
+ }
+
+ .big-anchor {
+ position: absolute;
+ height: 100vh;
+ left: 50%;
+ transform: translateX(-50%) rotate(20deg);
+ padding-top: 100px;
+ overflow: hidden;
+
+ svg {
+ fill: #ffffff1c;
+ }
+ }
+
+ h1 {
+ padding: 40px 0 30px 0;
+ }
+
+ .banner-holder {
+ text-align: center;
+ padding: 30px 0 0 0;
+
+ .banner {
+ max-width: 700px;
+ }
+ }
+
+ .footer-holder {
+ text-align: center;
+ margin: 100px 0 0 0;
+ font-size: 10px;
+
+ .footer {
+ max-width: 1400px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file