na

app/assets/stylesheets/application.css

@@ -197,8 +197,7 @@ footer {
   font-size: var(--fs-base);
   font-family: var(--ff-ikea);
   font-weight: 700;
-  line-height: 1.4;
-  height: 60px;
+  line-height: 1.2;
   border-radius: 400px;  
   width: 100%;
   cursor: pointer;
@@ -206,7 +205,7 @@ footer {
   display: inline-block;
   text-align: center;
   box-sizing: border-box;
-  padding: 0.888888888888889em 1.333333333333333em;
+  padding: 0.62em 1em;
 }
 
 .button__base-light {
@@ -252,8 +251,9 @@ main {
   line-height: 1.4;  
 }
 
-.intro-content-container button {
-  margin: 4px 0 0 0 
+
+.intro-content-container > :last-child {
+  margin-top: 4px; 
 }
 
 

app/views/languages/_intro.html.erb

@@ -2,6 +2,5 @@
   <%= tag.div attachment.body.html_safe, class: i == 0 ? "intro-content-header" : "intro-content-body" %>
 <% end %>
 
-<button type="button" class="button__base">
-  <%= t('get_started') %>
-</button>
+<%= link_to t('get_started'), Node.roots.first.children.first.url, class: 'button__base'  %>
+

app/views/languages/index.html.erb

@@ -1,7 +1,9 @@
 <%- content_for :title, t('project_name') %>
 
+<%= turbo_frame_tag 'main' do %>
 <div class="intro-container">
   
+  
   <div data-controller="locale" data-locale-url-value="<%= url_for(controller: 'languages', action: 'update') %>">
     
     <div class="language__selector-select">
@@ -27,4 +29,5 @@
     <%= render partial: 'intro' %>
   </div>
 
-</div>
+</div>
+<% end %>

app/views/site/tmpl_article.html.erb

@@ -8,3 +8,6 @@
   content_for :meta_description, @node.page_description.blank? ? article_parts[:description] : @node.page_description
 %>
 
+<%= turbo_frame_tag 'main' do %>
+Hej
+<% end %>

config/locales/en.yml

@@ -7,7 +7,7 @@ en:
   hello: Hello!
   please_select_a_language_to_get_started: Please select a language to get started.
   confirm: Confirm
-  get_started: Get started
+  get_started: Let’s go!
   learn_more: Learn more  
   spot_another_link: Spot another link  
   challange_a_friend: Challenge a friend