diff --git a/kitsune/products/jinja2/products/includes/topic_macros.html b/kitsune/products/jinja2/products/includes/topic_macros.html index 57bd33a016b..0181533c963 100644 --- a/kitsune/products/jinja2/products/includes/topic_macros.html +++ b/kitsune/products/jinja2/products/includes/topic_macros.html @@ -56,23 +56,31 @@

- {{ _('Still need help?') }} + {% if product.slug == 'firefox-enterprise' %} + {{ _('Get Help') }} + {% else %} + {{ _('Still need help?') }} + {% endif %}

- {% if product and product.has_ticketing_support %} - {{ _('We’re here for you! If you haven’t found a solution after exploring our help articles, you can get in touch with our support team.') }} + {% if product.slug == 'firefox-enterprise' %} + {{ _('If you\'re a Firefox Support for Organizations admin, contact us for technical assistance, deployment guidance, and priority help.') }} + {% elif product.has_ticketing_support %} + {{ _('We\'re here for you! If you haven\'t found a solution after exploring our help articles, you can get in touch with our support team.') }} {% else %} - {{ _('We’re here for you. Post a question to our support forums and get answers from our community of experts.') }} + {{ _('We\'re here for you. Post a question to our support forums and get answers from our community of experts.') }} {% endif %}

- {% if product and product.has_ticketing_support %} + {% if product.slug == 'firefox-enterprise' %} + {{ _('Contact Support') }} + {% elif product.has_ticketing_support %} {{ _('Get Support') }} {% else %} {{ _('Ask the Community') }} diff --git a/kitsune/products/jinja2/products/product.html b/kitsune/products/jinja2/products/product.html index 11aceeab0a1..b6a622a0c24 100644 --- a/kitsune/products/jinja2/products/product.html +++ b/kitsune/products/jinja2/products/product.html @@ -17,7 +17,7 @@ {% block hidden_search_masthead %}{% endblock %} {% block masthead %} -
+
@@ -112,6 +112,11 @@

+ +{% if product.slug == 'firefox-enterprise' %} + {{ topic_metadata(topics, product=product) }} +{% endif %} + {% endblock %} {% block contentwrap %} @@ -147,7 +152,9 @@

{{ _('Topics') }}

{{ help_topics(topics) }} + {% if product.slug != 'firefox-enterprise' %} {{ topic_metadata(topics, product=product) }} + {% endif %} {% if featured %}
diff --git a/kitsune/sumo/static/sumo/img/ent-noodles.svg b/kitsune/sumo/static/sumo/img/ent-noodles.svg new file mode 100644 index 00000000000..1a8a2ef4810 --- /dev/null +++ b/kitsune/sumo/static/sumo/img/ent-noodles.svg @@ -0,0 +1 @@ + diff --git a/kitsune/sumo/static/sumo/scss/layout/_products.scss b/kitsune/sumo/static/sumo/scss/layout/_products.scss index 7ac3325bbc8..386739718b8 100644 --- a/kitsune/sumo/static/sumo/scss/layout/_products.scss +++ b/kitsune/sumo/static/sumo/scss/layout/_products.scss @@ -1,6 +1,67 @@ @use '../config' as c; @use 'protocol/css/includes/lib' as p; +// Firefox Enterprise product landing page background +.home-search-section.product-firefox-enterprise { + position: relative; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + max-height: 793px; + background-image: url('../../sumo/img/ent-noodles.svg'); + background-repeat: no-repeat; + background-position: top left; + background-size: 170% 100%; + pointer-events: none; + z-index: 0; + } + + // Ensure content stays above the background + > * { + position: relative; + z-index: 1; + } + + // White text for all elements over the colored background + .sumo-page-heading-xl, + .product-title-text, + .popular-searches, + #main-breadcrumbs, + .breadcrumbs { + color: #ffffff; + } + + #main-breadcrumbs a, + .breadcrumbs a { + color: #ffffff; + + &:hover { + color: rgba(255, 255, 255, 0.8); + } + } + + .popular-searches a { + color: #ffffff; + text-decoration-color: rgba(255, 255, 255, 0.6); + + &:hover { + text-decoration-color: #ffffff; + } + } + + // Enhance search box visibility + .searchbox { + background: #ffffff; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); + } +} + .sumo-page-subheader { display: flex; flex-direction: column-reverse; @@ -79,4 +140,4 @@ } } } -} \ No newline at end of file +}