berrypod/lib/berrypod_web/components/page_templates/content.html.heex

<.shop_layout {layout_assigns(assigns)}>
  <main id="main-content" class="content-page">
    <%= if assigns[:hero_background] do %>
      <.hero_section
        title={@hero_title}
        description={@hero_description}
        background={@hero_background}
      />
    <% else %>
      <.hero_section
        variant={:page}
        title={@hero_title}
        description={@hero_description}
      />
    <% end %>

    <div class="content-body">
      <%= if assigns[:image_src] do %>
        <div class="content-image">
          <.responsive_image
            src={@image_src}
            source_width={1200}
            alt={@image_alt}
            sizes="(max-width: 800px) 100vw, 800px"
            class="content-hero-image"
          />
        </div>
      <% end %>

      <.rich_text blocks={@content_blocks} />
    </div>
  </main>
</.shop_layout>