<section class="portfolio-publish-wrap">
	        <div class="container">
	            <div class="portfolio-publish-head" data-aos="fade-down" data-aos-duration="1000">
	                <h3 class="heading-two">Expertise Across All Book Genres</h3>
	                <p>Barns Nobles excels in guiding authors across every genre, from fiction and memoirs to self-help and fantasy, ensuring each story is authentically told and reaches its ideal audience.</p>
	            </div>
	        </div>
	        <!-- Portfolio Publish Tablist Start Here -->
	        <div class="portfolio-publish-inner">
			    <div class="container">
			        <div class="row">
			            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
			                <div class="portfolio-publish-buttons">
			                    <ul class="nav nav-pills" id="pills-tab" role="tablist">
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link active" id="pills-portfolio1-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio1" type="button" role="tab" aria-controls="pills-portfolio1" aria-selected="true">Action</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio2-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio2" type="button" role="tab" aria-controls="pills-portfolio2" aria-selected="false">Comics</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio3-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio3" type="button" role="tab" aria-controls="pills-portfolio3" aria-selected="false">Fiction</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio4-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio4" type="button" role="tab" aria-controls="pills-portfolio4" aria-selected="false">Children's</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio5-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio5" type="button" role="tab" aria-controls="pills-portfolio5" aria-selected="false">Romance</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio6-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio6" type="button" role="tab" aria-controls="pills-portfolio6" aria-selected="false">Sci-Fi</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio7-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio7" type="button" role="tab" aria-controls="pills-portfolio7" aria-selected="false">Mystery</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio8-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio8" type="button" role="tab" aria-controls="pills-portfolio8" aria-selected="false">Thriller</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio9-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio9" type="button" role="tab" aria-controls="pills-portfolio9" aria-selected="false">Non-Fiction</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio10-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio10" type="button" role="tab" aria-controls="pills-portfolio10" aria-selected="false">Horror</button>
			                        </li>
			                        <li class="nav-item" role="presentation" data-aos="zoom-in" data-aos-offset="300" data-aos-easing="ease-in-sine">
			                            <button class="nav-link" id="pills-portfolio11-tab" data-bs-toggle="pill" data-bs-target="#pills-portfolio11" type="button" role="tab" aria-controls="pills-portfolio11" aria-selected="false">Adult Books</button>
			                        </li>
			                    </ul>
			                </div>
			                <div class="portfolio-publish-tabitem">
			                    <div class="tab-content" id="pills-tabContent">
			                        <div class="tab-pane fade show active" id="pills-portfolio1" role="tabpanel" aria-labelledby="pills-portfolio1-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Action</h4>
			                                            <p>We bring high-octane stories to life, capturing adrenaline-fueled adventures, dynamic characters, and thrilling plots that keep readers on the edge of their seats.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/action.webp" alt="Action Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio2" role="tabpanel" aria-labelledby="pills-portfolio2-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Comics</h4>
			                                            <p>From superheroes to graphic novels, we help authors create engaging visuals and stories that entertain, inspire, and captivate readers of all ages.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/comics.webp" alt="Comics Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio3" role="tabpanel" aria-labelledby="pills-portfolio3-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Fiction</h4>
			                                            <p>Our expertise turns imaginative ideas into compelling narratives, developing rich characters, engaging plots, and memorable experiences that resonate deeply with readers.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/fiction.webp" alt="Fiction Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio4" role="tabpanel" aria-labelledby="pills-portfolio4-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Children's</h4>
			                                            <p>We craft age-appropriate stories that educate, entertain, and spark imagination, helping young readers connect with characters and themes that leave lasting impressions.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/children.webp" alt="Childrens Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio5" role="tabpanel" aria-labelledby="pills-portfolio5-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Romance</h4>
			                                            <p>From heartfelt love stories to passionate narratives, we help authors convey emotion, tension, and connection, creating stories that captivate and move readers.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/romance.webp" alt="Romance Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio6" role="tabpanel" aria-labelledby="pills-portfolio6-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Science Fiction</h4>
			                                            <p>We bring futuristic worlds, advanced technology, and imaginative concepts to life, creating stories that inspire wonder and explore limitless possibilities.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/sci-fi.webp" alt="Science Fiction Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio7" role="tabpanel" aria-labelledby="pills-portfolio7-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Mystery</h4>
			                                            <p>Our team develops intricate plots, suspenseful twists, and compelling characters, ensuring readers remain intrigued and eager to uncover every secret.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/mystry.webp" alt="Mystery Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio8" role="tabpanel" aria-labelledby="pills-portfolio8-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Thriller</h4>
			                                            <p>We craft fast-paced, suspense-driven narratives, combining tension, conflict, and unexpected turns to keep readers hooked from start to finish.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/thriller.webp" alt="Thriller Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio9" role="tabpanel" aria-labelledby="pills-portfolio9-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Non-Fiction</h4>
			                                            <p>From biographies to guides, we help authors present factual content clearly, engagingly, and professionally, ensuring their expertise reaches the right audience.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/non-fiction.webp" alt="Non-Fiction Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio10" role="tabpanel" aria-labelledby="pills-portfolio10-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Horror</h4>
			                                            <p>We create chilling, immersive stories with suspense, fear, and eerie atmospheres that thrill and captivate readers, leaving a lasting sense of unease.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/horror.webp" alt="Horror Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="tab-pane fade" id="pills-portfolio11" role="tabpanel" aria-labelledby="pills-portfolio11-tab" tabindex="0">
			                            <div class="portfolio-tabitem-inner">
			                                <div class="row align-items-center">
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-content" data-aos="fade-right" data-aos-duration="1000">
			                                            <h4 class="heading-three">Adult Books</h4>
			                                            <p>We guide authors in producing mature, engaging content that explores complex themes, relationships, and narratives, resonating deeply with adult readers.</p>
			                                            <div class="website-main-buttons">
			                                                <button class="chat-btn" onclick="setButtonURL();">Live Chat!</button>
			                                                <a href="javascript:;" class="read-more-btn" class="popup-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Let's Get Started</a>
			                                            </div>
			                                        </div>
			                                    </div>
			                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
			                                        <div class="portfolio-tabitem-img">
			                                            <img src="assets/images/portfolio-mock/jondras/adult.webp" alt="Horror Book Image" class="img-fluid box2">
			                                        </div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                    </div>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>        <!-- Portfolio Publish Tablist End Here -->
	</section>