<!-- ===========================
Hero Section Start
============================ -->

<section class="hero-section">

    <div class="swiper heroSwiper">

        <div class="swiper-wrapper">

            <!-- Slide 1 -->
            <div class="swiper-slide">

                <img src="{{ asset('frontend/images/hero/hero-1.jpg') }}"
                    class="hero-bg"
                    alt="Wedding Catering">

                <div class="hero-overlay"></div>

                <div class="container">

                    <div class="row align-items-center min-vh-100">

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

                            <span
                                class="hero-subtitle"
                                data-aos="fade-right">

                                PREMIUM CATERING & EVENT MANAGEMENT

                            </span>

                            <h1
                                class="hero-title"
                                data-aos="fade-up"
                                data-aos-delay="200">

                                Creating
                                <span>Unforgettable</span>
                                Wedding Events

                            </h1>

                            <p
                                class="hero-text"
                                data-aos="fade-up"
                                data-aos-delay="400">

                                Premium catering services with elegant buffet
                                presentation, delicious cuisine and unforgettable
                                wedding experiences.

                            </p>

                            <div
                                class="hero-buttons"
                                data-aos="fade-up"
                                data-aos-delay="600">

                                <a href="{{ route('portfolio') }}"
                                    class="btn hero-btn">

                                    View Our Work

                                </a>

                                <a href="tel:+923001234567"
                                    class="btn hero-btn-outline">

                                    Call Now

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

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

                      <div class="hero-rating">
                  
                          <i class="bi bi-star-fill"></i>
                          <i class="bi bi-star-fill"></i>
                          <i class="bi bi-star-fill"></i>
                          <i class="bi bi-star-fill"></i>
                          <i class="bi bi-star-fill"></i>
                  
                      </div>
                  
                      <h5>500+ Happy Clients</h5>
                  
                      <p>Trusted for Weddings, Corporate Events & Outdoor Catering</p>
                  
                    </div>

            </div>

            <!-- Slide 2 -->

            <div class="swiper-slide">

                <img src="{{ asset('frontend/images/hero/hero-2.jpg') }}"
                    class="hero-bg"
                    alt="Corporate Event">

                <div class="hero-overlay"></div>

                <div class="container">

                    <div class="row align-items-center min-vh-100">

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

                            <span class="hero-subtitle">

                                CORPORATE CATERING

                            </span>

                            <h1 class="hero-title">

                                Professional Catering
                                For
                                <span>Corporate Events</span>

                            </h1>

                            <p class="hero-text">

                                Impress your guests with premium quality food,
                                professional staff and exceptional service.

                            </p>

                            <div class="hero-buttons">

                                <a href="{{ route('portfolio') }}"
                                    class="btn hero-btn">

                                    View Our Work

                                </a>

                                <a href="tel:+923001234567"
                                    class="btn hero-btn-outline">

                                    Call Now

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

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

                    <div class="hero-rating">
                
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                
                    </div>
                
                    <h5>500+ Happy Clients</h5>
                
                    <p>Trusted for Weddings, Corporate Events & Outdoor Catering</p>
                
                </div>

            </div>

            <!-- Slide 3 -->

            <div class="swiper-slide">

                <img src="{{ asset('frontend/images/hero/hero-3.jpg') }}"
                    class="hero-bg"
                    alt="Birthday">

                <div class="hero-overlay"></div>

                <div class="container">

                    <div class="row align-items-center min-vh-100">

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

                            <span class="hero-subtitle">

                                BIRTHDAY CELEBRATIONS

                            </span>

                            <h1 class="hero-title">

                                Celebrate Every
                                <span>Special Moment</span>

                            </h1>

                            <p class="hero-text">

                                Beautiful decorations, delicious menu and memorable
                                birthday celebrations for all ages.

                            </p>

                            <div class="hero-buttons">

                                <a href="{{ route('portfolio') }}"
                                    class="btn hero-btn">

                                    View Our Work

                                </a>

                                <a href="tel:+923001234567"
                                    class="btn hero-btn-outline">

                                    Call Now

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

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

                    <div class="hero-rating">
                
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                
                    </div>
                
                    <h5>500+ Happy Clients</h5>
                
                    <p>Trusted for Weddings, Corporate Events & Outdoor Catering</p>
                
                </div>

            </div>

            <!-- Slide 4 -->

            <div class="swiper-slide">

                <img src="{{ asset('frontend/images/hero/hero-4.jpg') }}"
                    class="hero-bg"
                    alt="Outdoor Catering">

                <div class="hero-overlay"></div>

                <div class="container">

                    <div class="row align-items-center min-vh-100">

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

                            <span class="hero-subtitle">

                                OUTDOOR CATERING

                            </span>

                            <h1 class="hero-title">

                                Delicious Food
                                Anywhere
                                <span>You Need</span>

                            </h1>

                            <p class="hero-text">

                                Outdoor catering for family gatherings,
                                corporate functions and large-scale events.

                            </p>

                            <div class="hero-buttons">

                                <a href="{{ route('portfolio') }}"
                                    class="btn hero-btn">

                                    View Our Work

                                </a>

                                <a href="tel:+923001234567"
                                    class="btn hero-btn-outline">

                                    Call Now

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

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

                    <div class="hero-rating">
                
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                
                    </div>
                
                    <h5>500+ Happy Clients</h5>
                
                    <p>Trusted for Weddings, Corporate Events & Outdoor Catering</p>
                
                </div>

            </div>

        </div>

        <!-- Navigation -->

        <div class="swiper-button-next"></div>

        <div class="swiper-button-prev"></div>

        <!-- Pagination -->

        <div class="swiper-pagination"></div>

    </div>

</section>

<!-- ===========================
Statistics
============================ -->

<section class="hero-stats">

    <div class="container">

        <div class="row">

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

                <div class="stat-card">

                    <h2>500+</h2>

                    <p>Events Completed</p>

                </div>

            </div>

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

                <div class="stat-card">

                    <h2>10+</h2>

                    <p>Years Experience</p>

                </div>

            </div>

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

                <div class="stat-card">

                    <h2>50+</h2>

                    <p>Professional Staff</p>

                </div>

            </div>

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

                <div class="stat-card">

                    <h2>100%</h2>

                    <p>Customer Satisfaction</p>

                </div>

            </div>

        </div>

    </div>

</section>