From 952c04d915f577d383d0504bdbf69f70bdb289c6 Mon Sep 17 00:00:00 2001
From: Torsten <torsten@rubydesign.fi>
Date: Wed, 23 Nov 2022 00:00:08 +0200
Subject: [PATCH] more precise hub hero copy

---
 .../{_hero_section.haml => _section_hero1.haml}    |  4 ++--
 app/views/sections/_section_hero2.haml             | 14 ++++++++++++++
 cms/index.yaml                                     |  3 +--
 3 files changed, 17 insertions(+), 4 deletions(-)
 rename app/views/sections/{_hero_section.haml => _section_hero1.haml} (90%)
 create mode 100644 app/views/sections/_section_hero2.haml

diff --git a/app/views/sections/_hero_section.haml b/app/views/sections/_section_hero1.haml
similarity index 90%
rename from app/views/sections/_hero_section.haml
rename to app/views/sections/_section_hero1.haml
index 1008dbe..1c3bdac 100644
--- a/app/views/sections/_hero_section.haml
+++ b/app/views/sections/_section_hero1.haml
@@ -1,6 +1,6 @@
 %section.overflow-hidden.bg-cover.bg-center.bg-no-repeat{style: bg(section)}
-  .p-8.md:p-12.lg:px-16.lg:py-24{:class => "bg-black/25"}
-    .max-w-lg.text-center.sm:text-left
+  .p-8.md:p-12.lg:px-16.lg:py-24
+    .max-w-lg.text-center.sm:text-left{:class => "bg-black/25"}
       %h2.text-2xl.font-bold.text-white.sm:text-3xl.md:text-5xl
         = section["header"]
       %p.hidden.max-w-md.md:mt-6.md:block.md:text-lg.md:leading-relaxed{:class => "text-white/90"}
diff --git a/app/views/sections/_section_hero2.haml b/app/views/sections/_section_hero2.haml
new file mode 100644
index 0000000..c99d81e
--- /dev/null
+++ b/app/views/sections/_section_hero2.haml
@@ -0,0 +1,14 @@
+%section.overflow-hidden.bg-cover.bg-center.bg-no-repeat{style: bg(section)}
+  .mx-auto.max-w-screen-2xl.px-4.py-8.sm:px-6.lg:px-8
+    .grid.grid-cols-1.gap-4.md:grid-cols-2
+      .p-8.md:p-12.lg:px-16.lg:py-24{class: 'bg-black/25'}
+        .mx-auto.max-w-xl.text-center
+          %h2.text-2xl.font-bold.text-white.md:text-5xl
+            = section["header"]
+          %p.hidden.sm:mt-4.sm:block.text-lg{class: "text-white/90"}
+            = section["text"]
+          .mt-4.md:mt-8
+            -if section["button_text"]
+              %a.inline-block.rounded.border.border-white.bg-white.px-12.py-3.text-sm.font-medium.text-blue-500.transition.hover:bg-transparent.hover:text-white.focus:outline-none.focus:ring.focus:ring-yellow-400{:href => section["button_link"]}
+                =section["button_text"]
+      .grid.grid-cols-2.gap-4.md:grid-cols-1.lg:grid-cols-2
diff --git a/cms/index.yaml b/cms/index.yaml
index 2e922b6..53f83e9 100644
--- a/cms/index.yaml
+++ b/cms/index.yaml
@@ -1,7 +1,6 @@
-- template: hero_section
+- template: section_hero2
   header: HUB  FEENIX
   text:
     Only an hour west of Helsinki, the Feenix rises from an old sanatorium.
     The Hub is a place to create, learn and regenerate.
   image: house.jpg
-  im: section.overflow-hidden.bg-cover.bg-center.bg-no-repeat{:class => "bg-[url('#{image_url('cms/' + section['image'])}')]"}