{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}

{# Override the main content to add custom homepage sections #}
{% block page_content %}
	{# Hero Section with Category Cards #}
	{% sw_include '@DemoTheme/storefront/component/hero-section.html.twig' %}

	{# New Products Showcase Section #}
	{% sw_include '@DemoTheme/storefront/component/new-products.html.twig' %}

	{# Featured Products Section #}
	{% if page.cmsPage %}
		<section id="featured" class="demo-featured-section">
			<div class="container">
				<div class="row mb-5">
					<div class="col-lg-8">
						<h2 class="section-title">{{ "theme.featuredProducts"|trans|default("Featured Products") }}</h2>
						<p class="section-subtitle">{{ "theme.featuredProductsSubtitle"|trans|default("Discover our best-selling tools trusted by professionals") }}</p>
					</div>
				</div>
				{# Render CMS content from Shopware #}
				{{ parent() }}
			</div>
		</section>
	{% else %}
		{# Fallback if no CMS page is assigned #}
		<section id="featured" class="demo-featured-section">
			<div class="container">
				<div class="row mb-5">
					<div class="col-lg-8">
						<h2 class="section-title">{{ "theme.featuredProducts"|trans|default("Featured Products") }}</h2>
						<p class="section-subtitle">{{ "theme.featuredProductsSubtitle"|trans|default("Discover our best-selling tools trusted by professionals") }}</p>
					</div>
				</div>
				{# You can configure products via CMS in Shopware admin #}
				<div class="alert alert-info">
					<i class="bi bi-info-circle"></i>
					{{ "theme.configureCms"|trans|default("Please configure your homepage content in the Shopware admin panel.") }}
				</div>
			</div>
		</section>
	{% endif %}

	{# Categories Section #}
	{% sw_include '@DemoTheme/storefront/component/categories-section.html.twig' %}

	{# Industry Solutions Section #}
	{% sw_include '@DemoTheme/storefront/component/industry-solutions.html.twig' %}

	{# Why Choose Us Section #}
	{% sw_include '@DemoTheme/storefront/component/why-choose-us.html.twig' %}

	{# Trusted Brands Section #}
	{% sw_include '@DemoTheme/storefront/component/brands-section.html.twig' %}

	{# Quality Certifications Section #}
	{% sw_include '@DemoTheme/storefront/component/certifications.html.twig' %}

	{# Testimonials Section #}
	{% sw_include '@DemoTheme/storefront/component/testimonials.html.twig' %}

	{# Knowledge Hub / Blog Section #}
	{% sw_include '@DemoTheme/storefront/component/knowledge-hub.html.twig' %}

	{# CTA Section #}
	{% sw_include '@DemoTheme/storefront/component/cta-section.html.twig' %}
{% endblock %}