@extends('layouts.main')
@section('title', $data['title'])
@section('content')
<style>
.testim .slick-list {
    display: flex;
    justify-content: center;
}
</style>
       <!-- Slider -->
    <div class="container">
            <section class="pozo-section-slider pt-130">
                <div class="next-container-center">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="swiper-slide-block">
                                    <div class="swiper-slide-block-img animate-box" data-animate-effect="fadeInLeft" data-swiper-parallax-y="70%">
                                        {{-- <a href=""> <img src="{{ asset('assets/images/banner/wedding-2.jpg') }}" alt=""> </a> --}}
                                        <a href=""> <img src="{{ asset('assets/images/banner/opportunities.jpg') }}" alt=""> </a>
                                    </div>
                                    <div class="swiper-slide-block-text animate-box" data-animate-effect="fadeInRight">
                                        <h2 data-swiper-parallax-x="-60%" class="next-main-title">Discover Opportunities</h2>
                                        <h3 data-swiper-parallax-x="-50%" class="next-main-subtitle">Connecting Brands & Events</h3>
                                        {{-- <p data-swiper-parallax-x="-40%" class="next-paragraph">Discover Opportunities. <br>Build Connections.<br> Drive Success.</p> --}}
                                        <p data-swiper-parallax-x="-40%" class="next-paragraph">Unlock new possibilities by connecting with the right
                                            partners and making your event unforgettable.</p>
                                         <a data-swiper-parallax-x="-30%" style="z-index: 5;" class="next-link" href="{{ route('contact.us') }}">Let’s Connect</a>
                                         <span data-swiper-parallax-y="60%" class="next-number">1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-slide-block">
                                    <div class="swiper-slide-block-img" data-swiper-parallax-y="70%">
                                        <a href=""><img src="{{ asset('assets/images/slider/4.jpeg') }}" alt=""></a>
                                    </div>
                                    <div class="swiper-slide-block-text">
                                        <h2 data-swiper-parallax-x="-60%" class="next-main-title">Build Connections</h2>
                                        <h3 data-swiper-parallax-x="-50%" class="next-main-subtitle">Partnerships That Matter</h3>
                                        <p data-swiper-parallax-x="-40%" class="next-paragraph">Foster meaningful relationships that bring your vision to life with seamless collaboration.</p>
                                        <a data-swiper-parallax-x="-30%" class="next-link" href="{{ route('contact.us') }}">Let’s Connect</a>
                                        <span data-swiper-parallax-y="60%" class="next-number animate-box" data-animate-effect="fadeInUp">2</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-slide-block">
                                    <div class="swiper-slide-block-img" data-swiper-parallax-y="70%">
                                        {{-- <a href=""> <img src="{{ asset('assets/images/banner/wedding-8.jpg') }}" alt=""> </a> --}}
                                        <a href=""> <img src="{{ asset('assets/images/banner/success.jpg    ') }}" alt=""> </a>
                                    </div>
                                    <div class="swiper-slide-block-text">
                                        <h2 data-swiper-parallax-x="-60%" class="next-main-title">Drive Success</h2>
                                        <h3 data-swiper-parallax-x="-50%" class="next-main-subtitle">Strategic Sponsorships, Maximum Impact</h3>
                                        <p data-swiper-parallax-x="-40%" class="next-paragraph">Transform ideas into reality and create impactful experiences that leave a lasting impression.</p>
                                         <a data-swiper-parallax-x="-30%" class="next-link" href="{{ route('contact.us') }}">Let’s Connect</a>
                                          <span data-swiper-parallax-y="60%" class="next-number">3</span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-next animate-box" data-animate-effect="fadeInRight"> <i class="ti-arrow-right" aria-hidden="true"></i> </div>
                        <div class="swiper-button-prev animate-box" data-animate-effect="fadeInLeft"> <i class="ti-arrow-left" aria-hidden="true"></i> </div>
                    </div>
                </div>
            </section>
    </div>
    <!-- About -->
    <div class="section-padding bg-1">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-4 align-self-center">
                    <h2>The Eventra</h2>
                    <hr class="line line-hr-left">
                    <h5>Empowering Connections to Create Unforgettable Events and Meaningful Partnerships!</h5>
                    <p>Finding sponsors for events can be challenging, and businesses often struggle to find the
                        right events to market their brand.</p>
                    <p>That’s where The Eventra comes in. We bridge this gap by connecting event organizers and
                        businesses, creating partnerships that drive growth and success for both parties.</p>
                </div>
                {{-- <div class="col-md-5"> --}}
                    {{-- <div class="about-img">
                        <div class="img"> --}}
                            {{-- <img src="{{ asset('assets/images/portfolio/event-11.jpg') }}" alt=""> --}}
                            {{-- <img src="{{ asset('assets/images/logo/owner2.png') }}"alt=""> --}}

                        {{-- </div>
                        <div class="about-img-2">Mohit Budheliya</div>
                    </div> --}}
                {{-- </div> --}}
            </div>
        </div>
    </div>
    <!-- Wedding Dates -->
    <div class="section-padding" style="display: none;">
        <div class="container">
            <div class="row">
                <div class="col-md-5 mb-30">
                    <h2>Wedding Dates</h2>
                    <hr class="line line-hr-left">
                    <p>Your at-a-glance guide to where I stand on all the truly important things. Wedding elit miss the eget the solin miss citudino selus rutrum in miss vestibulum eleifen ornare torto.</p>
                </div>
                <div class="col-md-6 offset-md-1">
                    <table class="wedding-date-table">
                        <tbody>
                            <tr class="animate-box" data-animate-effect="fadeInUp">
                                <td>
                                    <h6>1. SWITZERLAND<br><span>{September : 2022}</span></h6>
                                </td>
                                <td>
                                    <p>Bauen</p>
                                </td>
                            </tr>
                            <tr class="animate-box" data-animate-effect="fadeInUp">
                                <td>
                                    <h6>2. ITALY<br><span>{October : 2022}</span></h6>
                                </td>
                                <td>
                                    <p>Rome</p>
                                </td>
                            </tr>
                            <tr class="animate-box" data-animate-effect="fadeInUp">
                                <td>
                                    <h6>3. AMSTERDAM<br><span>{November : 2022}</span></h6>
                                </td>
                                <td>
                                    <p>Netherlands</p>
                                </td>
                            </tr>
                            <tr class="animate-box" data-animate-effect="fadeInUp">
                                <td>
                                    <h6>4. SPAIN<br><span>{December : 2022}</span></h6>
                                </td>
                                <td>
                                    <p>Barcelona</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonials -->
    <div class="testimonials section-padding bg-1">
        <div class="background bg-fixed bg-img" data-overlay-dark="2" data-background="{{ asset('assets/images/clients/clients_love.jpg') }}?v={{ time() }}"> </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2>Client Love</h2>
                    <hr class="line line-hr-center">
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="testim">
                        <div class="box">
                            <div class="item">
                                <div class="cont">
                                    <div class="img"> <img src="assets/images/team/05.jpg" alt=""> </div>
                                    <div class="info">
                                        <h5>Fenil Kasodariya</h5> <span>Business Owner</span>
                                    </div>
                                </div>
                                <p style="text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;" title="In my experience, The Eventra is the only company that truly values both sides. They provided me with a sponsorship that perfectly aligned with my company, and I couldn’t be happier with their approach. Working with them has been a great experience, and I wouldn’t hesitate to collaborate with them again for future sponsorships.">In my experience, The Eventra is the only company that truly values both sides. They provided me with a sponsorship that perfectly aligned with my company, and I couldn’t be happier with their approach. Working with them has been a great experience, and I wouldn’t hesitate to collaborate with them again for future sponsorships.</p>
                            </div>
                        </div>
                        {{-- <div class="box">
                            <div class="item">
                                <div class="cont">
                                    <div class="img"> <img src="assets/images/banner/axone_infotech_india_logo.jpg" alt=""> </div>
                                    <div class="info">
                                        <h5>Axone Infotech India</h5> <span>India, 2022</span>
                                    </div>
                                </div>
                                <p>Wedding eu nunc bibe endum in finibus elit miss eget the solin miss citudin elit.
                                    Phasellus rutrum in lacus ut miss. Lestibulum tortor semper the drana.
                                     Wedding fusce ornare ut tortor hendreri.</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="item">
                                <div class="cont">
                                    <div class="img"> <img src="assets/images/team/05.jpg" alt=""> </div>
                                    <div class="info">
                                        <h5>Raj Vakadiya</h5> <span>Bern, 2022</span>
                                    </div>
                                </div>
                                <p>I had no idea about all the things I had to do to get married / things I needed to
                                    think about. Rachel explained everything to me and guided me through the whole
                                    process with enthusiasm and patience. </p>


                            </div>
                        </div>
                        <div class="box">
                            <div class="item">
                                <div class="cont">
                                    <div class="img"> <img src="assets/images/banner/axone_infotech_india_logo.jpg" alt=""> </div>
                                    <div class="info">
                                        <h5>Axone Infotech India</h5> <span>India, 2022</span>
                                    </div>
                                </div>
                                <p>Wedding eu nunc bibe endum in finibus elit miss eget the solin miss citudin elit.
                                    Phasellus rutrum in lacus ut miss. Lestibulum tortor semper the drana.
                                     Wedding fusce ornare ut tortor hendreri.</p>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- News & Blog -->
    <div class="blog section-padding" style="display: none;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Latest News</h2>
                    <hr class="line line-hr-left">
                </div>
            </div>
            <div class="row mb-5">
                <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                    {{-- <div class="img left"><a href=""><img src="{{ asset('assets/images/banner/wedding-cake.jpg') }}" alt=""></a></div> --}}
                    <div class="img left"><a href=""><img src="{{ asset('assets/images/banner/gift.webp') }}"></a></div>

                </div>
                <div class="col-md-6 valign animate-box" data-animate-effect="fadeInRight">
                    <div class="content">
                        <div class="date">
                            <h3>03</h3>
                            <h6>Dec 2022</h6>
                        </div>
                        <div class="cont">
                            <div class="info">
                                <h6><a href="">by Bethany</a> / <a href="" class="tags">Wedding</a></h6>

                            </div>
                            <h4>My Favourite Special Bridesmaid Gifts</h4> <a href="" class="more" data-splitting><span>Read More</span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 order2 valign animate-box" data-animate-effect="fadeInLeft">
                    <div class="content">
                        <div class="date">
                            <h3>05</h3>
                            <h6>Dec 2022</h6>
                        </div>
                        <div class="cont">
                            <div class="info">
                                <h6><a href="">bethany</a> / <a href="" class="tags">Wedding</a></h6>
                            </div>
                            <h4>Why would anyone hire a wedding planner?</h4>
                            <a href="" class="more" data-splitting><span>Read More</span></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 order1 animate-box" data-animate-effect="fadeInRight">
                    <div class="img"><a href=""><img src="{{ asset('assets/images/banner/transparency.jpeg') }}" alt=""></a></div>
                </div>
            </div>
        </div>
    </div>






    @endsection('content')
    @section('custom-scripts')

@endsection