feat(layout): adding blank layout

example.md

@@ -1,7 +1,7 @@
 ---
 theme: none
 layout: intro
-image: "https://lh5.googleusercontent.com/M85a8sv4lBHAvDPy7Wi-tJZ7cPD8bKtn4lyJElEjF0QPggUhcS_l0RtpaDdH1mEZsDnOy_FLeEbb99Gj2kveaN8tXhfEhTx0LrgKlY4mTBlXL4_TiluwZGasmhj026t4kDXy5u_M-VA"
+image: "/bg-example.png"
 floatingImage: "/floating.png"
 ---
 
@@ -10,7 +10,7 @@ floatingImage: "/floating.png"
     <div class="w-full max-w-[72%] mt-32">
       <img src="/logo.png" alt="Flayyer" class="w-[128px] dark:hidden" />
       <img src="/logo-dark.png" alt="Flayyer" class="w-[128px] mb-4 hidden dark:block" />
-      <h2 class="text-[#111827] text-[30px] font-extrabold dark:text-gray-400">
+      <h2 class="text-[#111827] font-extrabold dark:text-gray-400">
         <span class="text-primary dark:text-white">Image automation</span> for marketing and social networks
       </h2>
     </div>
@@ -29,7 +29,7 @@ image: "/image-example-1.png"
 class: "py-24"
 ---
 
-<h2 class="text-[#111827] text-[30px] font-extrabold dark:text-gray-400">
+<h2 class="text-[#111827] font-extrabold dark:text-gray-400">
   <span class="text-primary dark:text-white">Problem 1:</span> Labor hours are wasted on repetitive design tasks
 </h2>
 
@@ -48,16 +48,18 @@ contentCols: "col-span-7"
 imageCols: "col-span-5"
 ---
 
-<h2 class="text-[#111827] text-[30px] font-extrabold dark:text-gray-400">
-  <span class="text-primary dark:text-white">Problem 2:</span> 70.9% of people are hesitant to open the links they receive
-</h2>
+<div class="py-20">
+  <h2 class="text-[#111827] font-extrabold dark:text-gray-400">
+    <span class="text-primary dark:text-white">Problem 2:</span> 70.9% of people are hesitant to open the links they receive
+  </h2>
 
-<br />
-<br />
+  <br />
+  <br />
 
-- Companies neglect how their links look when they are shared by people on social networks.
-- **The most important factor that determines people's trust and interest in links is the image and the URL.**
-- There is a sea of information and every day it is more difficult to capture people's attention.
+  - Companies neglect how their links look when they are shared by people on social networks.
+  - **The most important factor that determines people's trust and interest in links is the image and the URL.**
+  - There is a sea of information and every day it is more difficult to capture people's attention.
+</div>
 
 ---
 layout: text-image-right
@@ -67,17 +69,27 @@ contentCols: "col-span-6"
 imageCols: "col-span-6"
 ---
 
-<h2 class="text-[#111827] text-[30px] font-extrabold dark:text-gray-400">
+<h2 class="text-[#111827] font-extrabold dark:text-gray-400">
   <span class="text-primary dark:text-white">What we do:</span> Flayyer is an image automation service.
 </h2>
 
 <br />
 <br />
 
-We allow creatives to focus on creating and **not repeating.**.
+We allow creatives to focus on creating and **not repeating.**
 
-**We improve your brand perception from the moment they are shared on social media and group chats.
+**We improve your brand perception** from the moment they are shared on social media and group chats.
 
 **We add a layer of intelligence:** Know what links people are sharing and where.
 
-**We increase the number of visits to your site.**
+**We increase the number of visits to your site.**
+
+---
+layout: blank
+---
+
+<h2 class="text-[#111827] text-center font-extrabold dark:text-gray-400">
+  <span class="text-primary dark:text-white">Use cases:</span> Responsive image generation for social networks
+</h2>
+
+<img src="/blank-example-1.png" alt="Flayyer" class="w-full mt-4 mx-auto max-w-[600px]" />

layouts/blank.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="slidev-layout relative">
+    <SvgBubles />
+
+    <slot />
+  </div>
+</template>