{# ==========================================================
   Kottal Premium Theme
   Hero Section
=========================================================== #}

<section class="hero-section">

    <div class="container">

        <div class="row align-items-center">

            <!-- Left Content -->
            <div class="col-lg-6">

                <div class="hero-content">

                    <span class="hero-tag">

                        🌿 Authentic Kerala Ayurveda

                    </span>

                    <h1>

                        Ancient Wisdom.<br>

                        Modern Wellness.

                    </h1>

                    <p>

                        Experience the healing power of Ayurveda with
                        premium herbal products crafted using traditional
                        Kerala formulations for healthy living.

                    </p>

                    <div class="hero-buttons">

                        <a href="{{ products }}" class="btn-primary">

                            Shop Now

                        </a>

                        <a href="{{ categories }}" class="btn-outline">

                            Explore Categories

                        </a>

                    </div>

                    <div class="hero-features">

                        <div>

                            <strong>100%</strong>

                            Natural

                        </div>

                        <div>

                            <strong>5000+</strong>

                            Happy Customers

                        </div>

                        <div>

                            <strong>50+</strong>

                            Ayurvedic Products

                        </div>

                    </div>

                </div>

            </div>

            <!-- Right Image -->

            <div class="col-lg-6">

                <div class="hero-image">

                   <img src="image/catalog/kottal/hero/hero-product.png"
     alt="Kottal Ayurveda">

                    <div class="floating-card card-1">

                        🌿 Herbal Ingredients

                    </div>

                    <div class="floating-card card-2">

                        🚚 Free Shipping

                    </div>

                    <div class="floating-card card-3">

                        ⭐ Premium Quality

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="hero-shape hero-leaf"></div>

    <div class="hero-shape hero-circle"></div>

</section>