diff --git a/Makefile b/Makefile
index 48dd27f..90fbf86 100644
--- a/Makefile
+++ b/Makefile
@@ -1,11 +1,8 @@
 TOP := $(dir $(lastword $(MAKEFILE_LIST)))
 
-.PHONY: all build sync serve
+.PHONY: all serve
 
 all: serve
 
-build:
-	@$(HOME)/.rbenv/shims/jekyll build
-
 serve:
-	docker run --name=gb-jekyll --rm --label=jekyll --volume=$(CURDIR):/srv/jekyll -it -p 127.0.0.1:4000:4000 jekyll/jekyll jekyll s
+	docker run --name=gb-hugo --rm --volume=$(CURDIR):/src -it -p 127.0.0.1:1313:1313 hugomods/hugo:base-0.124.0 hugo server --bind 0.0.0.0
diff --git a/content/_index.md b/content/_index.md
index 0f5527e..e83852f 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,6 +1,6 @@
 ---
-layout: default
-title: "Sobre nosaltres"
+# layout: default
+# title: "Sobre nosaltres"
 ---
 
 ## Qui som?
diff --git a/data/banner.yaml b/data/banner.yaml
new file mode 100644
index 0000000..2233f22
--- /dev/null
+++ b/data/banner.yaml
@@ -0,0 +1,13 @@
+content: |
+    <a style="color: #000b;" href="/tarifes/">
+        <div style="text-align: left; display: flex; flex-wrap: wrap; gap: 40px;">
+            <div>
+                <span style="font-size: 36px;">Fibra guifi.net 1Gb</span><br>
+                <span style="font-size: 48px; font-weight: bold;">9€</span> <span style="font-size: 22px">/ mes</span>
+            </div>
+            <div>
+                <span style="font-size: 36px;">Fibra bitstream 1Gb</span><br>
+                <span style="font-size: 48px; font-weight: bold;">27€</span> <span style="font-size: 22px">/ mes</span><br>
+            </div>
+        </div>
+    </a>
diff --git a/themes/hugo-serif-theme/assets/scss/components/_intro.scss b/themes/hugo-serif-theme/assets/scss/components/_intro.scss
index 013ff17..67db2ed 100644
--- a/themes/hugo-serif-theme/assets/scss/components/_intro.scss
+++ b/themes/hugo-serif-theme/assets/scss/components/_intro.scss
@@ -8,12 +8,16 @@
 
   text-align: center;
 
-  /*background: rgb(255,224,116);*/
-  background: radial-gradient(farthest-corner at 0 100%, #25dffd 30%, #25ff91 95%);
+  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
+  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
+  background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
+  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
+  background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
+  background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
 
   @include media-breakpoint-up(md) {
-    padding-top: 140px;
-    padding-bottom: 140px;
+    padding-top: 40px;
+    padding-bottom: 40px;
 
     // PC -> gradient
     /*background: linear-gradient(45deg, rgb(33, 220, 198) 0%, rgb(170, 180, 233) 100%);*/