diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html
new file mode 100644
index 0000000..08de35f
--- /dev/null
+++ b/layouts/partials/section1.html
@@ -0,0 +1,41 @@
+{{- $section1 := .Site.Params.section1 }} {{- $title := index $section1 "title"
+}} {{- $subtitle := index $section1 "subtitle" }} {{- $tiles := index $section1
+"tiles" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+      <div class="divider is-centered"></div>
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns">
+        {{- range $tiles }}
+        <div class="column is-one-third">
+          <div
+            class="feature-card is-bordered has-text-centered revealOnScroll delay-1"
+            data-animation="fadeInLeft"
+          >
+            <div class="card-title">
+              <h4>{{ .title }}</h4>
+            </div>
+            <div class="card-icon">
+              <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon |
+              relURL }}">
+            </div>
+            <div class="card-text">
+              <p>{{ .text }}</p>
+            </div>
+            <div class="card-action">
+              <a href="{{ .url }}" class="button btn-align-md accent-btn raised"
+                >{{ .buttonText }}</a
+              >
+            </div>
+          </div>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/layouts/partials/section2.html b/layouts/partials/section2.html
new file mode 100644
index 0000000..7d035f8
--- /dev/null
+++ b/layouts/partials/section2.html
@@ -0,0 +1,35 @@
+{{- $section2 := .Site.Params.section2 }} {{- $title := index $section2 "title"
+}} {{- $subtitle := index $section2 "subtitle" }} {{- $features := index
+$section2 "features" }}
+<section id="{{ $title }}" class="section is-medium">
+  <div class="container">
+    <div class="columns">
+      <div class="column is-centered-tablet-portrait">
+        <h1 class="title section-title">{{ $title }}</h1>
+        <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+        <div class="divider"></div>
+      </div>
+      <div class="column is-7 mt-60">
+        {{- range $features }}
+        <article class="media icon-box">
+          <figure class="media-left">
+            <p class="image">
+              <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon |
+              relURL }}">
+            </p>
+          </figure>
+          <div class="media-content mt-50">
+            <div class="content">
+              <p>
+                <span class="icon-box-title">{{ .title }}</span>
+
+                <span class="icon-box-text">{{ .text | markdownify }}</span>
+              </p>
+            </div>
+          </div>
+        </article>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/layouts/partials/section3.html b/layouts/partials/section3.html
new file mode 100644
index 0000000..315e543
--- /dev/null
+++ b/layouts/partials/section3.html
@@ -0,0 +1,30 @@
+{{- $section3 := .Site.Params.section3 }} {{- $title := index $section3 "title"
+}} {{- $subtitle := index $section3 "subtitle" }} {{- $image := index $section3
+"image" }} {{- $buttonText := index $section3 "buttontext" }} {{- $buttonLink :=
+index $section3 "buttonlink" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="columns">
+      <div class="column is-10 is-offset-1">
+        <div class="has-text-centered">
+          <img class="pushed-image" src="{{ printf "/images/%s" $image | relURL
+          }}">
+        </div>
+      </div>
+    </div>
+
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+    </div>
+
+    <p class="has-text-centered mt-20">
+      <a
+        class="button cta is-large rounded secondary-btn raised"
+        href="{{ $buttonLink }}"
+      >
+        {{ $buttonText }}
+      </a>
+    </p>
+  </div>
+</section>
diff --git a/layouts/partials/section4.html b/layouts/partials/section4.html
new file mode 100644
index 0000000..61280e2
--- /dev/null
+++ b/layouts/partials/section4.html
@@ -0,0 +1,31 @@
+{{- $section4 := .Site.Params.section4 }} {{- $title := index $section4 "title"
+}} {{- $subtitle := index $section4 "subtitle" }} {{- $clients := index
+$section4 "clients" }}
+<section id="{{ $title }}" class="section is-medium section-secondary">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2 light-text is-spaced">{{ $title }}</h2>
+      {{- with $subtitle }}
+      <h3 class="subtitle is-5 light-text">{{ . }}</h3>
+      {{- end }}
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns is-vcentered">
+        {{- range $clients }}
+        <div class="column is-4">
+          <figure class="testimonial">
+            <blockquote>{{ .quote }}</blockquote>
+            <div class="author">
+              <img src="{{ printf "/images/illustrations/faces/%s.png" (string
+              .img) | relURL }}" alt=""/>
+              <h5>{{ .name }}</h5>
+              <span>{{ .job }}</span>
+            </div>
+          </figure>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>