diff --git a/config/_default/params.toml b/config/_default/params.toml
index 113cec6..f38ac0e 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -6,4 +6,6 @@ links = [
 
 colorScheme = "blowfish"
 defaultAppearance = "dark"
-enableSearch = true
\ No newline at end of file
+enableSearch = true
+homepage.layout = "page"
+homepage.homepageImage = "static/esmeralda.jpg"
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
index a5a0d07..3274c71 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,9 +1,7 @@
 ---
-title: "TFC Connection"
+title: "TFC Connection 🎉"
 date: 2022-10-25T13:02:05-05:00
 description: "Connecting teens with the truth of Jesus Christ… teaching and equipping them to live out the Great Commission."
-cascade:
-  featured_image: '/images/gohugo-default-sample-hero-image.jpg'
 ---
 (TFC) is a rural ministry reaching out to the mission field of teenagers in rural communities across Northwest Kansas and Southwest Nebraska. In rural communities where youth ministry programs and resources are limited, TFC desires to partner with churches to meet this need. Whether this is through providing community youth groups, coaching those already working with youth, or supplying resources and extra curricular activities for area ministries, TFC desires to connect teens with the truth of Jesus Christ and equip them to live out the Great Commission.
 
@@ -11,23 +9,3 @@ cascade:
 Our vision is to change the world from the heart of America by providing disciple making opportunities that serve communities where student ministries are limited.
 ## Our Mission
 We do that by, connecting teens with the truth of Jesus Christ…teaching and equipping them to live out the Great Commission.
-
-## Disciplemaking
-TFC’s core value is to follow the example of Jesus whose strategy of disciplemaking allowed Him to minister to all levels of spiritual interest at all times.
-
-- Lost and Seeking
-  - The World
-  - Outreach
-  - Relationship Building
-- Come and Grow
-  - Growing Believers
-  - Building Faith
-  - Jesus Started Here
-- Come and Follow
-  - Workers
-  - Equipping
-  - Jesus Invited Some
-- Come and Go
-  - Leadership
-  - Multiplication
-  - Jesus Sent Some
diff --git a/layouts/partials/disciplemaking.html b/layouts/partials/disciplemaking.html
new file mode 100644
index 0000000..ea5f998
--- /dev/null
+++ b/layouts/partials/disciplemaking.html
@@ -0,0 +1,55 @@
+<style>
+* {
+  box-sizing: border-box;
+}
+
+.column {
+  float: left;
+  width: 25%;
+  padding: 10px;
+}
+
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+</style>
+
+<h2>Disciplemaking</h2>
+TFC’s core value is to follow the example of Jesus whose strategy of disciplemaking allowed Him to minister to all levels of spiritual interest at all times.
+
+<div class="row">
+  <div class="column">
+    <h2>Lost and Seeking</h2>
+    <ul>
+      <li>The World</li>
+      <li>Outreach</li>
+      <li>Relationship Building</li>
+    </ul>
+  </div>
+  <div class="column">
+    <h2>Come and Grow</h2>
+    <ul>
+      <li>Growing Believers</li>
+      <li>Building Faith</li>
+      <li>Jesus Started Here</li>
+    </ul>
+  </div>
+  <div class="column">
+    <h2>Come and Follow</h2>
+    <ul>
+      <li>Workers</li>
+      <li>Equipping</li>
+      <li>Jesus Invited Some</li>
+    </ul>
+  </div>
+  <div class="column">
+    <h2>Come and Go</h2>
+    <ul>
+      <li>Leadership</li>
+      <li>Multiplication</li>
+      <li>Jesus Sent Some</li>
+    </ul>
+  </div>
+</div>
diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
new file mode 100644
index 0000000..c095f84
--- /dev/null
+++ b/layouts/partials/home/background.html
@@ -0,0 +1,58 @@
+<article class="max-w-full prose dark:prose-invert">
+    <div class="relative">
+        <div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
+        <div class="mx-auto max-w-7xl p-0">
+            <div class="relative sm:overflow-hidden">
+                <div class="absolute inset-0">
+                    {{ with .Site.Params.homepage.homepageImage }}
+                    {{ $homepageImage := resources.Get . }}
+                    {{ if $homepageImage }}
+                    <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
+                    <div
+                        class="absolute inset-0 bg-gradient-to-t from-neutral-100 dark:from-neutral-800 to-transparent dark:to-neutral-300  mix-blend-normal dark:mix-blend-multiply">
+                    </div>
+                    <div
+                        class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
+                    </div>
+                    {{ end }}
+                    {{ end }}
+                </div>
+                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center">
+                    {{ with .Site.Author.image }}
+                    {{ $authorImage := resources.Get . }}
+                    {{ if $authorImage }}
+                    {{ $authorImage := $authorImage.Fill "288x288" }}
+                    <img class="mb-2 rounded-full h-36 w-36" width="144" height="144"
+                        alt="{{ $.Site.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
+                    {{ end }}
+                    {{ end }}
+                    <h1 class="mb-2 text-4xl font-extrabold text-neutral-800 dark:text-neutral-200">
+                        {{ .Site.Author.name | default .Site.Title }}
+                    </h1>
+                    {{ with .Site.Author.headline }}
+                    <h2 class="mt-0 mb-0 text-xl text-neutral-800 dark:text-neutral-300">
+                        {{ . | markdownify | emojify }}
+                    </h2>
+                    {{ end }}
+                    <div class="mt-1 mb-10 text-2xl">
+                        {{ with .Site.Author.links }}
+                        <div class="flex flex-wrap">
+                            {{ range $links := . }}
+                            {{ range $name, $url := $links }}
+                            <a class="px-1 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
+                                aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
+                                "icon.html" $name }}</a>
+                            {{ end }}
+                            {{ end }}
+                        </div>
+                        {{ end }}
+                    </div>
+                    <section class="prose dark:prose-invert">{{ .Content | emojify }}</section>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<section>
+    {{ partial "recent-articles.html" . }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/home/card.html b/layouts/partials/home/card.html
new file mode 100644
index 0000000..3804450
--- /dev/null
+++ b/layouts/partials/home/card.html
@@ -0,0 +1,31 @@
+<div class="relative pt-16 pb-32">
+    <div aria-hidden="true" class="absolute inset-x-0 top-0 h-48 bg-gradient-to-b from-gray-100"></div>
+    <div class="relative">
+        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-24 lg:px-8">
+            <div class="mx-auto max-w-xl px-4 sm:px-6 lg:mx-0 lg:max-w-none lg:py-16 lg:px-0">
+                <article class="max-w-full prose dark:prose-invert">
+                    {{ with .Title }}
+                      <header>
+                        <h1>{{ . | emojify }}</h1>
+                      </header>
+                    {{ end }}
+                    <section>{{ .Content | emojify }}</section>
+                  </article>
+            </div>
+            <div class="mt-6 sm:mt-16 lg:mt-0">
+                <div class="-mr-48 pl-4 sm:pl-6 md:-mr-16 lg:relative lg:m-0 lg:h-full lg:px-0">
+                    {{ with .Site.Params.homepage.homepageImage }}
+                    {{ $homepageImage := resources.Get . }}
+                    {{ if $homepageImage }}
+                    <img class="w-full rounded-xl shadow-xl lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none"
+                        src="{{ $homepageImage.RelPermalink }}">
+                    {{ end }}
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<section>
+    {{ partial "recent-articles.html" . }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
new file mode 100644
index 0000000..2868500
--- /dev/null
+++ b/layouts/partials/home/hero.html
@@ -0,0 +1,58 @@
+<article class="max-w-full prose dark:prose-invert">
+    <div class="relative">
+        <div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
+        <div class="mx-auto max-w-7xl p-0">
+            <div class="relative shadow-xl sm:overflow-hidden rounded-2xl">
+                <div class="absolute inset-0">
+                    {{ with .Site.Params.homepage.homepageImage }}
+                    {{ $homepageImage := resources.Get . }}
+                    {{ if $homepageImage }}
+                    <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
+                    <div
+                        class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
+                    </div>
+                    {{ end }}
+                    {{ end }}
+                </div>
+                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center">
+                    {{ with .Site.Author.image }}
+                    {{ $authorImage := resources.Get . }}
+                    {{ if $authorImage }}
+                    {{ $authorImage := $authorImage.Fill "288x288" }}
+                    <img class="mb-2 rounded-full h-36 w-36" width="144" height="144"
+                        alt="{{ $.Site.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
+                    {{ end }}
+                    {{ end }}
+                    <h1 class="mb-2 text-4xl font-extrabold text-neutral-200">
+                        {{ .Site.Author.name | default .Site.Title }}
+                    </h1>
+                    {{ with .Site.Author.headline }}
+                    <h2 class="mt-0 mb-0 text-xl text-neutral-300">
+                        {{ . | markdownify | emojify }}
+                    </h2>
+                    {{ end }}
+                    <div class="mt-1 mb-10 text-2xl">
+                        {{ with .Site.Author.links }}
+                        <div class="flex flex-wrap">
+                            {{ range $links := . }}
+                            {{ range $name, $url := $links }}
+                            <a class="px-1 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
+                                aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
+                                "icon.html" $name }}</a>
+                            {{ end }}
+                            {{ end }}
+                        </div>
+                        {{ end }}
+                    </div>
+                    <section>{{ .Content | emojify }}</section>
+                </div>
+            </div>
+            <section>
+              {{ partial "partials/disciplemaking.html" . }}
+            </section>
+        </div>
+    </div>
+</article>
+<section>
+    {{ partial "recent-articles.html" . }}
+</section>
diff --git a/layouts/partials/home/page.html b/layouts/partials/home/page.html
new file mode 100644
index 0000000..0d9cf06
--- /dev/null
+++ b/layouts/partials/home/page.html
@@ -0,0 +1,27 @@
+<article class="max-w-full prose dark:prose-invert">
+  <div class="relative shadow-xl sm:overflow-hidden rounded-2xl">
+    <div class="absolute inset-0">
+      {{ with .Site.Params.homepage.homepageImage }}
+      {{ $homepageImage := resources.Get . }}
+      {{ if $homepageImage }}
+      <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
+      <div
+        class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
+      </div>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+  {{ with .Title }}
+    <header>
+      <h1>{{ . | emojify }}</h1>
+    </header>
+  {{ end }}
+  <section>{{ .Content | emojify }}</section>
+  <section>
+    {{ partial "disciplemaking.html" . }}
+  </section>
+</article>
+<section>
+  {{ partial "recent-articles.html" . }}
+</section>
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
new file mode 100644
index 0000000..8e77f76
--- /dev/null
+++ b/layouts/partials/home/profile.html
@@ -0,0 +1,36 @@
+<article
+  class="{{ if not .Site.Params.homepage.showRecent }}
+    h-full
+  {{ end }} flex flex-col items-center justify-center text-center"
+>
+  <header class="flex flex-col items-center mb-3">
+    {{ with .Site.Author.image }}
+      {{ $authorImage := resources.Get . }}
+      {{ if $authorImage }}
+        {{ $authorImage := $authorImage.Fill "288x288" }}
+        <img
+          class="mb-2 rounded-full h-36 w-36"
+          width="144"
+          height="144"
+          alt="{{ $.Site.Author.name | default "Author" }}"
+          src="{{ $authorImage.RelPermalink }}"
+        />
+      {{ end }}
+    {{ end }}
+    <h1 class="text-4xl font-extrabold">
+      {{ .Site.Author.name | default .Site.Title }}
+    </h1>
+    {{ with .Site.Author.headline }}
+      <h2 class="text-xl text-neutral-500 dark:text-neutral-400">
+        {{ . | markdownify | emojify }}
+      </h2>
+    {{ end }}
+    <div class="mt-1 text-2xl">
+      {{ partialCached "author-links.html" . }}
+    </div>
+  </header>
+  <section class="prose dark:prose-invert">{{ .Content | emojify }}</section>
+</article>
+<section>
+  {{ partial "recent-articles.html" . }}
+</section>