{{ header }}

<div id="kottal-home">

    {# ===========================================
       Hero Banner
    ============================================ #}
    {% include 'component/hero.twig' %}

    {# ===========================================
       Shop by Category
    ============================================ #}
    {% include 'component/categories.twig' %}

    {# ===========================================
       Featured Products
    ============================================ #}
    {% include 'component/product-grid.twig' with {

        title: 'Featured Products',

        subtitle: 'Premium Collection',

        description: 'Handpicked Ayurvedic products crafted with traditional Kerala wisdom.',

        products: featured_products,

        badge: 'sale',

       view_all: shop_url

    } %}

    {# ===========================================
       Promotional Offer
    ============================================ #}
    {% include 'component/offer.twig' %}

    {# ===========================================
       Latest Products
    ============================================ #}
    {% include 'component/product-grid.twig' with {

        title: 'Latest Products',

        subtitle: 'Fresh Collection',

        description: 'Explore our newest Ayurvedic wellness products.',

        products: latest_products,

        badge: 'new',

        view_all: 'index.php?route=product/category'

    } %}

    {# ===========================================
       Why Choose Kottal
    ============================================ #}
    {% include 'component/why.twig' %}

    {# ===========================================
       Newsletter
    ============================================ #}
    {% include 'component/newsletter.twig' %}

</div>

{{ footer }}