diff --git a/templates/partials/products/portfolio.html b/templates/partials/products/portfolio.html
new file mode 100644
index 000000000..c8f6e95b1
--- /dev/null
+++ b/templates/partials/products/portfolio.html
@@ -0,0 +1,49 @@
+<div class="bg-gray-900 py-24 sm:py-32">
+    <div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
+      <h2 class="text-base/7 font-semibold text-indigo-400">Deploy faster</h2>
+      <p class="mt-2 max-w-lg text-pretty text-4xl font-semibold tracking-tight text-white sm:text-5xl">Everything you need to deploy your app</p>
+      <div class="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
+        <div class="flex p-px lg:col-span-4">
+          <div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-t-[2rem] lg:rounded-tl-[2rem]">
+            <img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-releases.png" alt="">
+            <div class="p-10">
+              <h3 class="text-sm/4 font-semibold text-gray-400">Releases</h3>
+              <p class="mt-2 text-lg font-medium tracking-tight text-white">Push to deploy</p>
+              <p class="mt-2 max-w-lg text-sm/6 text-gray-400">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex p-px lg:col-span-2">
+          <div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-tr-[2rem]">
+            <img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-integrations.png" alt="">
+            <div class="p-10">
+              <h3 class="text-sm/4 font-semibold text-gray-400">Integrations</h3>
+              <p class="mt-2 text-lg font-medium tracking-tight text-white">Connect your favorite tools</p>
+              <p class="mt-2 max-w-lg text-sm/6 text-gray-400">Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex p-px lg:col-span-2">
+          <div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-bl-[2rem]">
+            <img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-security.png" alt="">
+            <div class="p-10">
+              <h3 class="text-sm/4 font-semibold text-gray-400">Security</h3>
+              <p class="mt-2 text-lg font-medium tracking-tight text-white">Advanced access control</p>
+              <p class="mt-2 max-w-lg text-sm/6 text-gray-400">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex p-px lg:col-span-4">
+          <div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]">
+            <img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-performance.png" alt="">
+            <div class="p-10">
+              <h3 class="text-sm/4 font-semibold text-gray-400">Performance</h3>
+              <p class="mt-2 text-lg font-medium tracking-tight text-white">Lightning-fast builds</p>
+              <p class="mt-2 max-w-lg text-sm/6 text-gray-400">Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate. Maecenas at augue sed elit dictum vulputate.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
\ No newline at end of file
diff --git a/templates/partials/why/values.html b/templates/partials/why/values.html
index 22ecbc121..6772b1d11 100644
--- a/templates/partials/why/values.html
+++ b/templates/partials/why/values.html
@@ -3,17 +3,17 @@
       <dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
         <div class="mx-auto flex max-w-xs flex-col gap-y-4">
           <dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
-            Open Source
+            Open Source.
           </dd>
         </div>
         <div class="mx-auto flex max-w-xs flex-col gap-y-4">
           <dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
-            Authenticity
+            Authenticity.
           </dd>
         </div>
         <div class="mx-auto flex max-w-xs flex-col gap-y-4">
           <dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
-            Simplicity
+            Simplicity.
           </dd>
         </div>
       </dl>