diff --git a/content/_index.md b/content/_index.md
index 96bcb74..97ed7af 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,5 +1,5 @@
 ---
-title: Welcome to Leigh Hackspace!
+title: Welcome!
 subtitle: Leigh Hackspace is an accessible workspace, where members come together to learn new skills, share ideas and build awesome things!
 layout: home
 ---
diff --git a/content/about/index.md b/content/about/index.md
index 378cdec..c13fd58 100644
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -1,6 +1,6 @@
 ---
-title: About Leigh Hackspace
-subtitle: An accessible, social workspace, where you can meet people, learn new skills, and build awesome things!
+title: About Us
+subtitle: Who we are, and what we do
 show_big_cta: true
 ---
 ### What is Leigh Hackspace?
diff --git a/content/membership.md b/content/membership.md
index 1ded03e..e06917f 100644
--- a/content/membership.md
+++ b/content/membership.md
@@ -1,7 +1,7 @@
 ---
 title: Join Leigh Hackspace
 subtitle: Become part of our community.
-layout: membership
+hero_image: /images/hero-img.svg
 ---
 Leigh Hackspace is a social enterprise created for the benefit of our members and the wider Leigh community. We depend on memeberships and grants to operate, and in return we offer members access to the hackspace's facilities and resources.
 
diff --git a/themes/lhs/layouts/_default/baseof.html b/themes/lhs/layouts/_default/baseof.html
index fa41d61..f63d10a 100644
--- a/themes/lhs/layouts/_default/baseof.html
+++ b/themes/lhs/layouts/_default/baseof.html
@@ -12,21 +12,31 @@
 
     {{ block "hero" . }}
     <section id="hero">
-        {{ $img := resources.Get (default "/images/hero-bg.jpg" .Params.hero_image) }}
-        {{ $img = $img.Resize "1256x jpg" }}
-        <div class="hero is-medium" style="background-image: linear-gradient(-249deg, #53071b, #d41246), url({{ $img.RelPermalink }});">
+        <div class="hero has-primary-gradient">
             <div class="hero-body">
                 <div class="container">
-                    {{ block "hero-content" . }}
-                    <div class="columns _is-centered is-vcentered has-text-white has-text-centered-mobile">
-                        <div class="column is-full-tablet _is-offset-one-quarter-tablet">
-                            <h1 class="title is-1 has-text-white">{{ block "title" . }}{{ end }}</h1>
-                            <p class="subtitle has-text-white">{{ block "subtitle" . }}{{ end }}</p>
-                            <p></p>
-                            <p></p>
+                    <div class="columns is-centered ">
+                        <div class="column is-four-fifths">
+                            <div class="columns is-vcentered has-text-centered-mobile">
+    
+                                <div class="column is-half">
+                                    {{ block "hero-content" . }}
+                                    <h1 class="title is-1 has-text-white">{{ .Title }}</h1>
+                                    <p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
+                                    {{ end }}
+                                </div>
+    
+                                <div class="column">
+                                    {{ block "hero-image" . }}
+                                    {{ if .Params.hero_image }}
+                                    <img class="hero-img" src="{{ .Params.hero_image }}">
+                                    {{ end }}
+                                    {{ end }}
+                                </div>
+    
+                            </div>
                         </div>
                     </div>
-                    {{ end }}
                 </div>
             </div>
         </div>
diff --git a/themes/lhs/layouts/page/home.html b/themes/lhs/layouts/page/home.html
index 6afcfe2..e9d8319 100644
--- a/themes/lhs/layouts/page/home.html
+++ b/themes/lhs/layouts/page/home.html
@@ -1,22 +1,14 @@
 {{ define "hero-content" }}
-<div class="columns _is-centered is-vcentered has-text-white has-text-centered-mobile">
+<h1 class="title is-1 has-text-white">{{ .Title }}</h1>
+<p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
 
-    <div class="column is-full-tablet _is-offset-one-quarter-tablet is-half-desktop">
-        <h1 class="title is-1 has-text-white">{{ .Title }}</h1>
-        <p class="subtitle"></p>
-        <p>{{ .Params.subtitle }}</p>
-        <p></p>
-        
-        <div class="columns _is-desktop">
-            <div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet">
-                <a class="button is-primary is-medium is-fullwidth has-box-shadow" href="/about">Learn more</a>
-            </div>
-            <div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet">
-                <a class="button is-primary is-medium is-fullwidth has-box-shadow is-inverted _is-outlined"
-                    href="/membership">Become a member</a>
-            </div>
-
-        </div>
+<div class="columns _is-desktop">
+    <div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet">
+        <a class="button is-primary is-medium is-fullwidth has-box-shadow" href="/about">Learn more</a>
+    </div>
+    <div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet">
+        <a class="button is-primary is-medium is-fullwidth has-box-shadow is-inverted _is-outlined"
+            href="/membership">Become a member</a>
     </div>
 
 </div>
diff --git a/themes/lhs/layouts/page/membership.html b/themes/lhs/layouts/page/membership.html
deleted file mode 100644
index 8f4990c..0000000
--- a/themes/lhs/layouts/page/membership.html
+++ /dev/null
@@ -1,35 +0,0 @@
-{{ define "hero" }}
-<section id="hero">
-    <div class="hero has-primary-gradient">
-        <div class="hero-body">
-            <div class="container">
-
-                <div class="columns is-centered ">
-                    <div class="column is-four-fifths">
-                        <div class="columns is-vcentered has-text-centered-mobile">
-
-                            <div class="column is-half">
-                                <h1 class="title is-1 has-text-white">{{ .Title }}</h1>
-                                <p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
-                            </div>
-
-                            <div class="column">
-                                <img class="hero-img" src="/images/hero-img.svg">
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-{{ end }}
-
-{{ define "content" }}
-{{ .Content }}
-{{ end }}
-
-{{ define "cta" }}
-<p></p>
-{{ end }}
\ No newline at end of file