<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jim Dailey</title>
    <link rel="icon" type="image/png"  href="assets/images/logo.svg">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" />
    <link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

   



    <link rel="stylesheet" href="assets/css/style.css" />
       <link href="assets/css/responsive.css" rel="stylesheet">
</head>
<body>

    <?php include("inc/header.php"); ?>

<div class="hero" >
  <img src="assets/images/hero-bg.svg" alt="Crowded market" >
</div>

<h1 class="hero-h1" data-aos="zoom-in" data-aos-delay="400">"Don't Tell Me This Town Ain't Got No Heart...."</h1>
<h2 class="logo-heading" style="text-center" data-aos="fade-down">Visit Some of Our Favorite Websites</h2>
 
<div class="box">
  <div class="row g-3">

    <!-- Single item -->
    <div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="100">
      <div class="card bg-transparent border-0">
        <img src="assets/images/product-1.png" class="card-img-top rounded" alt="Vendors">
        <button class="box-btn" onclick="window.location.href='vendor-1.php'">
  VENDORS
</button>
      </div>
    </div>

    <div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="200">
      <div class="card bg-transparent border-0">
        <img src="assets/images/product-2.png" class="card-img-top rounded" alt="Featured Vendors">
        <button class="box-btn">FEATURED VENDORS</button>
      </div>
    </div>

    <div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="300">
      <div class="card bg-transparent border-0">
        <img src="assets/images/product-3.png" class="card-img-top rounded" alt="Shakedown Merch">
        <button class="box-btn">SHAKEDOWN MERCH</button>
      </div>
    </div>

    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="400">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-4.png" class="card-img-top rounded" alt="Mellow Moonbeam">-->
    <!--    <button class="box-btn">MELLOW MOONBEAM</button>-->
    <!--  </div>-->
    <!--</div>-->

    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="500">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-5.png" class="card-img-top rounded" alt="Trading Post">-->
    <!--    <button class="box-btn">TRADING POST</button>-->
    <!--  </div>-->
    <!--</div>-->

    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="600">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-6.png" class="card-img-top rounded" alt="News/Events">-->
    <!--    <button class="box-btn">NEWS/EVENTS</button>-->
    <!--  </div>-->
    <!--</div>-->

    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="700">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-7.png" class="card-img-top rounded" alt="Musician's Stage">-->
    <!--    <button class="box-btn">MUSICIAN'S STAGE</button>-->
    <!--  </div>-->
    <!--</div>-->
    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="800">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-8.png" class="card-img-top rounded" alt="ON THE BUS">-->
    <!--    <button class="box-btn">ON THE BUS</button>-->
    <!--  </div>-->
    <!--</div>-->
    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="900">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-9.png" class="card-img-top rounded" alt="WHERE'S THE BAND ?">-->
    <!--    <button class="box-btn">WHERE'S THE BAND ?</button>-->
    <!--  </div>-->
    <!--</div>-->
    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="1000">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-10.png" class="card-img-top rounded" alt="HEADY VERSION">-->
    <!--    <button class="box-btn">HEADY VERSION</button>-->
    <!--  </div>-->
    <!--</div>-->
    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="1100">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-11.png" class="card-img-top rounded" alt="CAPTAIN TRIPS">-->
    <!--    <button class="box-btn">CAPTAIN TRIPS</button>-->
    <!--  </div>-->
    <!--</div>-->
    <!--<div class="col-md-4 text-center" data-aos="fade-up" data-aos-delay="1200">-->
    <!--  <div class="card bg-transparent border-0">-->
    <!--    <img src="assets/images/product-12.png" class="card-img-top rounded" alt="DEAD.NET">-->
    <!--    <button class="box-btn">DEAD.NET</button>-->
    <!--  </div>-->
    <!--</div>-->

  </div>
</div>

<section class="logo-section ">
  
  
  <div class="row ">
    <div class="col-6 col-md-4 mb-4 " data-aos="zoom-in" data-aos-delay="100">
      <a href="https://www.dead.net/" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-1.png" alt="Logo 6" class="img-fluid">
      </a>
      <a href="https://www.dead.net/" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">DEAD NET</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4"data-aos="zoom-in" data-aos-delay="200">
      <a href="https://www.garciafamilyprovisions.com/store/?utm_source=google&utm_medium=cpc&utm_campaign=garcia_keywords&SRC=GPPC_JY_MH053&gad_source=1&gad_campaignid=796913896&gclid=CjwKCAjwisnGBhAXEiwA0zEORzFplJyQOx4GQZF7sloPAOJoC8a_nx6LpNOxV7tCvBjhhkdcdDRliRoCXK0QAvD_BwE" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-2.png" alt="Logo 4" class="img-fluid">
      </a>
      <a href="https://www.garciafamilyprovisions.com/store/?utm_source=google&utm_medium=cpc&utm_campaign=garcia_keywords&SRC=GPPC_JY_MH053&gad_source=1&gad_campaignid=796913896&gclid=CjwKCAjwisnGBhAXEiwA0zEORzFplJyQOx4GQZF7sloPAOJoC8a_nx6LpNOxV7tCvBjhhkdcdDRliRoCXK0QAvD_BwE" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">GARCIA FAMILY</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="300">
      <a href="https://www.dead.net/archives/tour" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-3.png" alt="Logo 2" class="img-fluid">
      </a>
      <a href="https://www.dead.net/archives/tour" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">ARCHIVES</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="400">
      <a href="https://relix.com/" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-4.png" alt="Logo 5" class="img-fluid">
      </a>
      <a href="https://relix.com/" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">RELIX</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="500">
      <a href="http://www.gratefuldeadtributebands.com/showBandData.php?state=CO" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-5.png" alt="Logo 3" class="img-fluid">
      </a>
      <a href="http://www.gratefuldeadtributebands.com/showBandData.php?state=CO" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">GRATEFUL TRIBUTE BANDS</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="600">
      <a href="https://headyversion.com/" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/brand-logo-6.png" alt="Logo 1" class="img-fluid">
      </a>
      <a href="https://headyversion.com/" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">HEADY VERSION</button>
      </a>
    </div>
    <div class="col-6 col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="600">
      <a href="https://www.facebook.com/groups/1146576517643870/?ref=share&mibextid=NSMWBT" target="_blank" rel="noopener noreferrer">
        <img src="assets/images/on-the-bus.png" alt="Logo 1" class="img-fluid">
      </a>
      <a href="https://www.facebook.com/groups/1146576517643870/?ref=share&mibextid=NSMWBT" target="_blank">
         <button class="box-btn" style="font-family: 'Poppins', sans-serif;">ON THE BUS </button>
      </a>
    </div>
  </div>
  <p data-aos="fade-up" data-aos-delay="700">All logos and trademarks shown above are the property of their respective owners. They are displayed here for identification purposes only, as direct links to the official websites.</p>
</section>

<div id="multiImageCarousel" class="carousel slide" data-aos="fade-up" data-aos-delay="1000">

  
 

  <!-- Slides -->
  <div class="carousel-inner ">
    <!-- SLIDE 1 -->
    <div class="carousel-item active">
      <div class="d-flex justify-content-center scroll-container">
        <img src="assets/images/smal-img.png" class="rounded">
        <img src="assets/images/crousel-2.png" class="rounded">
        <img src="assets/images/crousel-3.png" class="rounded">
        <img src="assets/images/crousel-4.png" class="rounded">
        <img src="assets/images/crousel-5.png" class="rounded">
        <img src="assets/images/smal-img.png" class="rounded">
            <img src="assets/images/crousel-2.png" class="rounded">
            <img src="assets/images/crousel-3.png" class="rounded">
            <img src="assets/images/crousel-4.png" class="rounded">
            <img src="assets/images/crousel-5.png" class="rounded">

      </div>
    </div>

       
      
    
  </div>

</div>
 

<?php include("inc/footer.php"); ?>























<script src="https://unpkg.com/aos@2.3.0/dist/aos.js"></script>
<script>
AOS.init({
  duration: 800,
  easing: 'ease-in-out',
  once: true
});

document.querySelectorAll('.scroll-container').forEach(scrollContainer => {
  let isDown = false;
  let startX = 0;
  let scrollLeft = 0;
  let isDragging = false;

  // Mouse down start
  scrollContainer.addEventListener('mousedown', (e) => {
    e.preventDefault();
    e.stopPropagation();
    isDown = true;
    isDragging = false;
    scrollContainer.style.cursor = 'grabbing';
    startX = e.pageX - scrollContainer.offsetLeft;
    scrollLeft = scrollContainer.scrollLeft;
  });

  // Mouse leave stop
  scrollContainer.addEventListener('mouseleave', () => {
    isDown = false;
    scrollContainer.style.cursor = 'grab';
  });

  // Mouse up stop
  scrollContainer.addEventListener('mouseup', () => {
    isDown = false;
    setTimeout(() => (isDragging = false), 50);
    scrollContainer.style.cursor = 'grab';
  });

  // Mouse move scroll
  scrollContainer.addEventListener('mousemove', (e) => {
    if (!isDown) return;
    e.preventDefault();
    e.stopPropagation();
    isDragging = true;
    const x = e.pageX - scrollContainer.offsetLeft;
    const walk = (x - startX) * 1.8; // Adjust scroll speed
    scrollContainer.scrollLeft = scrollLeft - walk;
  });

  // Touch start (mobile)
  let touchStartX = 0;
  let touchScrollLeft = 0;

  scrollContainer.addEventListener('touchstart', (e) => {
    e.stopPropagation();
    touchStartX = e.touches[0].pageX - scrollContainer.offsetLeft;
    touchScrollLeft = scrollContainer.scrollLeft;
  });

  // Touch move (mobile)
  scrollContainer.addEventListener('touchmove', (e) => {
    e.stopPropagation();
    const x = e.touches[0].pageX - scrollContainer.offsetLeft;
    const walk = (x - touchStartX) * 1.3;
    scrollContainer.scrollLeft = touchScrollLeft - walk;
  });

  // Prevent image drag interference
  scrollContainer.querySelectorAll('img').forEach(img => {
    img.addEventListener('dragstart', e => e.preventDefault());
    img.addEventListener('click', e => {
      if (isDragging) e.preventDefault();
    });
  });
});

</script>








    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>
</html>