<div
  class="shop-container min-h-screen pb-20 md:pb-0"
  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

  <.shop_header
    theme_settings={@theme_settings}
    logo_image={@logo_image}
    header_image={@header_image}
    active_page="home"
    mode={@mode}
    cart_count={@cart_count}
  />

  <main id="main-content">
    <.hero_section
      title="Original designs, printed on demand"
      description="From art prints to apparel – unique products created by independent artists and delivered straight to your door."
      cta_text="Shop the collection"
      cta_page="collection"
      mode={@mode}
    />

    <.category_nav categories={@preview_data.categories} mode={@mode} />

    <.featured_products_section
      title="Featured products"
      products={@preview_data.products}
      theme_settings={@theme_settings}
      mode={@mode}
    />

    <.image_text_section
      title="Made with passion, printed with care"
      description="Every design starts with an idea. We work with quality print partners to bring those ideas to life on premium products – from gallery-quality art prints to everyday essentials."
      image_url="/mockups/mountain-sunrise-print-3-800.webp"
      link_text="Learn more about the studio →"
      link_page="about"
      mode={@mode}
    />
  </main>

  <.shop_footer theme_settings={@theme_settings} mode={@mode} />

  <.cart_drawer cart_items={@cart_items} subtotal={@cart_subtotal} mode={@mode} />

  <.search_modal hint_text={~s(Try searching for "mountain", "forest", or "ocean")} />

  <.mobile_bottom_nav active_page="home" mode={@mode} />
</div>
