diff --git a/agaric/templates/paragraph/paragraph--slide.html.twig b/agaric/templates/paragraph/paragraph--slide.html.twig
new file mode 100644
index 0000000..63ebe4d
--- /dev/null
+++ b/agaric/templates/paragraph/paragraph--slide.html.twig
@@ -0,0 +1,12 @@
+{% set item_attributes = create_attribute().addClass(item_classes) %}
+{% import "@bulma/macros/renderables.html.twig" as renderables %}
+{% set link = renderables.merge_attributes(item_attributes, content.field_link, 0) %}
+{# Include slide component template. #}
+{%
+  include '@agaric/paragraph/slide.html.twig' with {
+    classes: classes,
+    image_url: content.field_image[0]['#markup'],
+    text: content.field_text,
+    link: link,
+  } only
+%}
diff --git a/agaric/templates/paragraph/slide.html.twig b/agaric/templates/paragraph/slide.html.twig
new file mode 100644
index 0000000..a4d16ea
--- /dev/null
+++ b/agaric/templates/paragraph/slide.html.twig
@@ -0,0 +1,12 @@
+<section class="hero is-light" data-headerbg="light">
+  <div class="hero-body">
+    <div class="container is-fluid">
+      <div class="title">
+        {{ text }}
+      </div>
+      <div class="is-pulled-right">
+        {{ link }}
+      </div>
+    </div>
+  </div>
+</section>