@extends('frontend.layouts.web.master')
@section('main-content')

@php
    $hideHeader = true;  
@endphp
    <!-- Begin: Main Slider -->
    <div class="main-slider innerBanner web-events align-items-lg-end">
        <div class="container">
            <div class="row align-items-end justify-content-center">
                <div class="col-lg-12">
                    <div class="main-heading d-flex  justify-content-center">
                        <h2 class=" text-center text-md-start  text-white font-bold">AMZ <br>PUBLICATION <br>BOOK FESTIVAL
                        </h2>
                    </div>
                    <h3 class="text-center clipper-heading pb-4">Coming Soon</h3>

                    <div class="btnSec d-flex justify-content-center ">
                        <a href="{{route('/')}}#new-lead-form" class="themeBtn">Get Started</a>
                        {{-- <a href="javascript:void(0);" onclick="openChatWidget()" class="themeBtn themeBtn2">Live Chat</a> --}}
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- END: Main Slider -->

    <section class="web-event-secound-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-10">
                    <h2 class="text-center">AMZ 2025 EXHIBITOR APPLICATION PORTAL IS NOW OPEN. </h2>
                    <span class="text-center">Applications will be considered on a rolling basis.</span>
                    <p class="text-center mt-4">AMZ Publication Book Festival is the largest literary
                        festival in New England, attracting upwards of 25,000
                        attendees. Widely advertised and promoted throughout
                        New England as well as the Albany capital region,
                        Washington DC, and New York City, AMZ successfully pulls
                        in large representation in all age groups (18-24, 25-40,
                        41-55, and 55 plus and children and teens).</p>
                </div>

            </div>
            <div class="row justify-content-center gap-2 gap-lg-5">
                <div class="col-md-5">
                    <div class="main-box mt-0 mt-md-5">
                        <p>Standard<br>
                            Exhibitor<br>
                            Package</p>
                        <span>$3,499</span>
                        <span class="del-prize">$4,999</span>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="main-box mt-1 mt-md-5">
                        <p>VIP Exhibitor<br>
                            Package<br>
                            <strong>with all the access</strong>
                        </p>
                        <span>$7,999</span>
                        <span class="del-prize">$9,999</span>
                    </div>
                </div>

                <div class="btnSec d-flex justify-content-center mt-4">
                    <a href="{{ asset('assets/pdf/amz-book-festival.pdf') }}" download class="themeBtn">More Details</a>

                </div>
            </div>
        </div>
    </section>
    <section class="web-events-cta d-flex align-items-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5">
                    <div class="child-img d-flex justify-content-center align-items-center">
                        <img src="{{ asset('assets/images/banner/image4.png') }}" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="web-event-secound-last">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-10">
                    <h2 class="text-center">OUR FIFTH ANNIVERSARY SUMMIT WILL BE OUR BIGGEST YET!</h2>
                    <p class="text-center">We're planning a HUGE event to celebrate our 5th anniversary - our best slate of
                        topics, incredible speakers, more vendors - and our first awards dinner! And we're going back to
                        Nashville - and staying there for good!</p>
                </div>

            </div>
            <div class="row justify-content-center g-5">
                <div class="col-lg-4 col-md-5">
                    <div class="main-box-last mt-1 mt-lg-5">
                        <p>Attend the<br>
                            Virtual<br>
                            Summit Only</p>
                        <span>$1,500</span>
                        <span class="del-prize">$2,000</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-5">
                    <div class="main-box-last mt-1 mt-lg-5">
                        <p>The Ultimate <br>
                            Virtual<br>
                            Package</p>
                        <span>$2,000</span>
                        <span class="del-prize">$2,700</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-5">
                    <div class="main-box-last mt-1 mt-lg-5">
                        <p>A Great <br>
                            Package<br>
                            Deal</p>
                        <span>$6,600</span>
                        <span class="del-prize">$8,000</span>
                    </div>
                </div>

                <div class="btnSec d-flex justify-content-center mt-4">
                    <a href="{{ asset('assets/pdf/nashvile-summit.pdf') }}" download class="themeBtn">More Details</a>

                </div>

            </div>
        </div>
    </section>
    <style>
        .list__primary li::marker {
            color: #0193D2;
        }
    </style>
    <section class="barner-noble">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-md-5 col-lg-4 p-0">
                    <img src="{{ asset('assets/images/banner/nobles-sec.png') }}" alt="" class="img-fluid">
                    <!-- <div class="noble-image">
                            
                        </div> -->
                </div>
                <div class="col-md-6">
                    <div class="noble-content py-4">
                        <h2>Barnes & Noble Book Signing Event for an Author</h2>
                        <ul>
                            <li>30 printed copies of the book and a promotional standee are delivered directly
                                to the author’s doorstep prior to the event.</li>
                            <li>A dedicated space at the front of the store will be provided for the author.</li>
                            <li> The signing event will be scheduled for 3 hours, typically from 12 PM to 3 PM. <br> During
                                this time, the author can engage with customers, promote the book, and invite their own
                                audience to the store.</li>
                            <li>
                                All book sales will be processed through Barnes & Noble’s cash register, and the
                                revenue will be split, with 60% going to Barnes & Noble and 40% to the author,
                                which will be provided in cash.</li>
                            <li> Following the successful event, Barnes & Noble will keep additional copies of the
                                book on their shelves, helping with ongoing physical distribution. </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <section class="overflow-hidden">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Swiper -->
                    <div class="swiper myNobleImg">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl1.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl2.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl3.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl4.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl5.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl1.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl2.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl3.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl4.png') }}" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('assets/images/noble-slider/imgl5.png') }}" alt="">
                            </div>

                        </div>
                        <!-- <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-pagination"></div> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection