From 7cd149a44605883fee9c658a917292727cc865a7 Mon Sep 17 00:00:00 2001
From: Muhammad Ali <muhammad.ali@canonical.com>
Date: Fri, 20 Dec 2024 12:03:58 +0500
Subject: [PATCH] Added an example for the 50-50-full-width-image hero pattern
 without the subtitle_text

---
 .../docs/examples/patterns/hero/combined.html |  1 +
 ...ull-width-image-without-subtitle_text.html | 31 +++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 templates/docs/examples/patterns/hero/hero-50-50-full-width-image-without-subtitle_text.html

diff --git a/templates/docs/examples/patterns/hero/combined.html b/templates/docs/examples/patterns/hero/combined.html
index 3f5593386..607437d57 100644
--- a/templates/docs/examples/patterns/hero/combined.html
+++ b/templates/docs/examples/patterns/hero/combined.html
@@ -19,6 +19,7 @@
 <section>{% include 'docs/examples/patterns/hero/hero-signpost-full-width-image.html' %}</section>
 <section>{% include 'docs/examples/patterns/hero/hero-50-50.html' %}</section>
 <section>{% include 'docs/examples/patterns/hero/hero-50-50-full-width-image.html' %}</section>
+<section>{% include 'docs/examples/patterns/hero/hero-50-50-full-width-image-without-subtitle_text.html' %}</section>
 <section>{% include 'docs/examples/patterns/hero/hero-50-50-split-on-medium.html' %}</section>
 <section>{% include 'docs/examples/patterns/hero/hero-75-25.html' %}</section>
 <section>{% include 'docs/examples/patterns/hero/hero-fallback.html' %}</section>
diff --git a/templates/docs/examples/patterns/hero/hero-50-50-full-width-image-without-subtitle_text.html b/templates/docs/examples/patterns/hero/hero-50-50-full-width-image-without-subtitle_text.html
new file mode 100644
index 000000000..7854248da
--- /dev/null
+++ b/templates/docs/examples/patterns/hero/hero-50-50-full-width-image-without-subtitle_text.html
@@ -0,0 +1,31 @@
+{% extends "_layouts/examples.html" %}
+{% from "_macros/vf_hero.jinja" import vf_hero %}
+
+{% block title %}Hero / 50/50 / Full width image{% endblock %}
+{% block standalone_css %}patterns_all{% endblock %}
+
+{% set is_paper = true %}
+{% block content %}
+
+{% call(slot) vf_hero(
+  title_text='H1 - ideally one line, up to two',
+  layout='50/50-full-width-image'
+) -%}
+  {%- if slot == 'description' -%}
+    <p>
+      Generally, the height of the right hand side of a 50/50 split should contain more content than the left
+      hand side.
+    </p>
+  {%- endif -%}
+  {%- if slot == 'cta' -%}
+    <a href="#" class="p-button--positive">Learn more</a>
+    <a href="#">Contact us ›</a>
+  {%- endif -%}
+  {%- if slot == 'image' -%}
+    <div class="p-image-container--cinematic is-cover">
+      <img class="p-image-container__image" src="https://assets.ubuntu.com/v1/a299c914-GettyImages-DataCenter.jpeg" alt="">
+    </div>
+  {% endif -%}
+{% endcall -%}
+
+{% endblock %}