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

<style>
  :root {
    --bs-primary: #A07855FF;
    --bs-primary-rgb: 160, 120, 85;
  }

  .banner-section {
    position: relative;
    margin-bottom: 2rem;
  }

  .banner-slide {
    position: relative;
  }

  .banner-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
  }

  .carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0;
  }

  .carousel-indicators {
    z-index: 3;
  }

  .carousel-control-prev,
  .carousel-control-next {
    z-index: 3;
    width: 5%;
  }

  /* Sponsors section styling */
  .sponsors-section {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .title-line {
    width: 80px;
    height: 3px;
    background-color: var(--bs-primary);
    margin: 0 auto;
  }

  .sponsor-hover {
    transition: all 0.3s ease;
  }

  .sponsor-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
  }

  .key-dates-widget {
    border-left: 4px solid var(--bs-primary);
  }

  .key-dates-list {
    position: relative;
  }

  .key-date-item {
    padding: 12px 0;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
  }

  .key-date-item:last-child {
    border-bottom: none;
  }

  .key-date-icon {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
  }

  .key-date-content {
    flex-grow: 1;
  }

  .key-date-content h6 {
    font-size: 0.9rem;
    color: #555;
  }

  .key-date-content p {
    font-size: 0.95rem;
  }


  /* Responsive adjustments */
  @media (max-width: 767px) {
    .banner-slide {
      height: 450px !important;
    }

    .carousel-caption h1 {
      font-size: 2rem;
    }

    .carousel-caption h2 {
      font-size: 1.2rem;
    }
  }
</style>

<!-- Banner Slider -->
<section class="banner-section">
  <div class="carousel slide" id="main-carousel" data-bs-ride="carousel">
    <!-- Indicators -->
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#main-carousel" data-bs-slide-to="0" class="active" aria-current="true"
        aria-label="Slide 1"></button>
      <button type="button" data-bs-target="#main-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
      <button type="button" data-bs-target="#main-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>

    <!-- Carousel items -->
    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="banner-slide"
          style="background-image: url('images/conf1.jpeg'); height: 600px; background-size: cover; background-position: center;">
          <div class="carousel-caption d-flex flex-column justify-content-center h-100">
            <div class="container">
              <div class="row justify-content-center">
                <div class="col-lg-8 text-center">
                  <h1 class="display-4 fw-bold text-white mb-3 animate__animated animate__fadeInDown">Global Congress on
                    Emerging Technologies</h1>
                  <h2 class="h3 text-white mb-4 animate__animated animate__fadeInUp">Exploring the frontiers of
                    technological innovation</h2>
                  <div class="animate__animated animate__fadeInUp animate__delay-1s">
                    <a href="Registration.php" class="btn btn-primary btn-lg rounded-pill me-3">Register Now</a>
                    <a href="submission.php" class="btn btn-outline-light btn-lg rounded-pill">Submit Paper</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="banner-slide"
          style="background-image: url('images/conf2.jpeg'); height: 600px; background-size: cover; background-position: center;">
          <div class="carousel-caption d-flex flex-column justify-content-center h-100">
            <div class="container">
              <div class="row justify-content-center">
                <div class="col-lg-8 text-center">
                  <h1 class="display-4 fw-bold text-white mb-3 animate__animated animate__fadeInDown">Join Us in Lyon,
                    France</h1>
                  <h2 class="h3 text-white mb-4 animate__animated animate__fadeInUp">2-5 December , 2025</h2>
                  <div class="animate__animated animate__fadeInUp animate__delay-1s">
                    <a href="venue.php" class="btn btn-primary btn-lg rounded-pill me-3">Explore Venue</a>
                    <a href="keynote-speakers.php" class="btn btn-outline-light btn-lg rounded-pill">Meet Speakers</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="banner-slide"
          style="background-image: url('images/conf3.jpeg'); height: 600px; background-size: cover; background-position: center;">
          <div class="carousel-caption d-flex flex-column justify-content-center h-100">
            <div class="container">
              <div class="row justify-content-center">
                <div class="col-lg-8 text-center">
                  <h1 class="display-4 fw-bold text-white mb-3 animate__animated animate__fadeInDown">Shaping the Future
                    of Technology</h1>
                  <h2 class="h3 text-white mb-4 animate__animated animate__fadeInUp"> Tracks of Cutting-Edge Research
                  </h2>
                  <div class="animate__animated animate__fadeInUp animate__delay-1s">
                    <a href="conference-topics.php" class="btn btn-primary btn-lg rounded-pill me-3">View Topics</a>
                    <a href="call-for-papers.php" class="btn btn-outline-light btn-lg rounded-pill">Call for Papers</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Controls -->
    <button class="carousel-control-prev" type="button" data-bs-target="#main-carousel" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#main-carousel" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>
</section>
<!-- Main Content -->
<section class="main-container py-5">
  <div class="container">
    <div class="row">
      <!-- Main Content Area -->
      <div class="col-lg-8 order-lg-1">
        <div class="content-wrapper bg-white shadow-sm rounded  mb-4">
          <div class=" bg-primary  text-white p-2 text-center rounded-top  mb-4">
            <h2 class="fw-bold">IOTSMS <span>2025</span></h2>
            <!-- <div class="title-line"></div> -->
          </div>

          <div class="mb-2 p-4">
            <p class="lead">TThe 12th International Conference on Internet of Things: Systems, Management and Security
              (IOTSMS 2025).</p>

            <p>

              The Internet of Things (IoT) technology offers unprecedented opportunities to interconnect human beings as
              well as Machine-to-Machine (M2M), whereby networks across the edge-cloud continuum allow all things to
              communicate and share vital information, allowing us to have an instrumented universe where accurate data
              is readily available to inform optimal decision making. Indeed, the IoT has opened up for the development
              of novel types of services and applications in various application domains. It has changed how people go
              about their lives. The number of heterogeneous objects connected to the Internet is growing very fast.
              Ericsson estimates the number will be close to 38 billion objects by 2029. Others believe the actual
              number will be even higher with the assumption that any object with a simple microcontroller and on-off
              switch will be connected to the Internet in the near future. The scale of the IoT is set to have major
              economic, social, and environmental impacts; the intersection of which forms the future sustainable
              growth. The international conference on Internet of Things: Systems, Management, and Security (IoTSMS)
              aims at soliciting original ideas on the broad area of IoT, including challenges and opportunities,
              concepts and applications, and future trends. The IoTSMS aims to facilitate discussions among academics
              and IoT practitioners and make positive contributions to the field.</p>



            <!-- <div class="alert alert-primary mt-4">
              <h4 class="alert-heading">Welcome to SDS 2025 – where the future is being crafted today.</h4>
            </div> -->
          </div>

          <!-- Conference Tracks -->
          <div class="conference-tracks mt-2 p-4">
            <h3 class="fw-bold mb-4">Conference Tracks</h3>
            <!-- <p class="mb-4">Topics are organised under 9 Tracks covering the top trends in Emerging technologies, but
              not limited to:</p> -->

            <div class="row">
              <div class="col-md-6">
                <div class="track-item mb-3">
                  <div class="track-number">Track 01 -</div>
                  <div class="track-content">
                    <h6>Emerging concepts of IoT Systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 02 -</div>
                  <div class="track-content">
                    <h6>Architectures of IoT systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 03 -</div>
                  <div class="track-content">
                    <h6>Machine-to-Machine Communication and IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 04 -</div>
                  <div class="track-content">
                    <h6>Modelling of IoT applications</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 05 -</div>
                  <div class="track-content">
                    <h6>SDN and NFV support for IoT applications and Systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 06 -</div>
                  <div class="track-content">
                    <h6>Fog and Edge support for IoT Applications</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 07 -</div>
                  <div class="track-content">
                    <h6>5G support for IoT Applications</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 08 -</div>
                  <div class="track-content">
                    <h6>IoT for Smart Cities</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 09 -</div>
                  <div class="track-content">
                    <h6>Energy management in IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 10 -</div>
                  <div class="track-content">
                    <h6>Design methodologies for IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 11 -</div>
                  <div class="track-content">
                    <h6>IoT for sustainable digitalization</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 12 -</div>
                  <div class="track-content">
                    <h6>IoT and Social benefits/impact</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 13 -</div>
                  <div class="track-content">
                    <h6>IoT Economics and Business Models</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 14 -</div>
                  <div class="track-content">
                    <h6>Emerging Internet of Things business models and process changes</h6>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="track-item mb-3">
                  <div class="track-number">Track 15 -</div>
                  <div class="track-content">
                    <h6>Communication systems and network architectures for the IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 16 -</div>
                  <div class="track-content">
                    <h6>IoT and Data Management</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 17 -</div>
                  <div class="track-content">
                    <h6>Security and privacy of IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 18 -</div>
                  <div class="track-content">
                    <h6>Reliability of IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 19 -</div>
                  <div class="track-content">
                    <h6>Trustworthy IoT systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 20 -</div>
                  <div class="track-content">
                    <h6>Disaster recovery in IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 21 -</div>
                  <div class="track-content">
                    <h6>Applications of Internet of things</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 22 -</div>
                  <div class="track-content">
                    <h6>Emerging applications and interaction paradigms for everyday citizens</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 23 -</div>
                  <div class="track-content">
                    <h6>Big data and IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 24 -</div>
                  <div class="track-content">
                    <h6>Self-organizing IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 25 -</div>
                  <div class="track-content">
                    <h6>Cloud Computing and IoT</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 26 -</div>
                  <div class="track-content">
                    <h6>Smart IoT systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 27 -</div>
                  <div class="track-content">
                    <h6>Dynamic IoT systems</h6>
                  </div>
                </div>
                <div class="track-item mb-3">
                  <div class="track-number">Track 28 -</div>
                  <div class="track-content">
                    <h6>Simulations in IoT environments</h6>
                  </div>
                </div>
              </div>
            </div>

            <div class="text-center mt-4">
              <a href="conference-topics.php" class="btn btn-outline-primary">View Detailed Topics</a>
            </div>
          </div>







        </div>

        <!-- Call to Action -->
        <div class="cta-section bg-primary text-white shadow-sm rounded p-4">
          <div class="row align-items-center">
            <div class="col-lg-8">
              <h3 class="fw-bold mb-2">Ready to Join IOTSMS 2025?</h3>
              <p class="mb-0">Register now to secure your place at this premier technological conference</p>
            </div>
            <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
              <a href="Registration.php" class="btn btn-light btn-lg">Register Now</a>
            </div>
          </div>
        </div>
      </div>

      <!-- Sidebar -->
      <div class="col-lg-4 order-lg-2">
        <?php include("navigation.php"); ?>

        <!-- Countdown Widget -->
        <div class="countdown-widget bg-white shadow-sm rounded p-4 mb-4">
          <h4 class="fw-bold mb-3">Conference Countdown</h4>
          <div id="countdown" class="d-flex justify-content-between text-center">
            <div class="countdown-item">
              <div id="days" class="countdown-value">00</div>
              <div class="countdown-label">Days</div>
            </div>
            <div class="countdown-item">
              <div id="hours" class="countdown-value">00</div>
              <div class="countdown-label">Hours</div>
            </div>
            <div class="countdown-item">
              <div id="minutes" class="countdown-value">00</div>
              <div class="countdown-label">Minutes</div>
            </div>
            <div class="countdown-item">
              <div id="seconds" class="countdown-value">00</div>
              <div class="countdown-label">Seconds</div>
            </div>
          </div>
        </div>

        <!-- Redesigned Key Dates Widget -->
        <div class="key-dates-widget bg-white shadow-sm rounded p-4 mb-4">
          <h4 class="fw-bold mb-3">Key Dates</h4>

          <div class="key-dates-list">
            <div class="key-date-item">
              <div class="d-flex align-items-center">
                <div class="key-date-icon">
                  <i class="far fa-calendar-check"></i>
                </div>
                <div class="key-date-content">
                  <h6 class="mb-0">Paper Submission</h6>
                  <p class="text-primary fw-bold mb-0">July 31, 2025</p>
                </div>
              </div>
            </div>

            <div class="key-date-item">
              <div class="d-flex align-items-center">
                <div class="key-date-icon">
                  <i class="far fa-calendar-check"></i>
                </div>
                <div class="key-date-content">
                  <h6 class="mb-0">Notification of Acceptance</h6>
                  <p class="text-primary fw-bold mb-0">October 15, 2025</p>
                </div>
              </div>
            </div>

            <div class="key-date-item">
              <div class="d-flex align-items-center">
                <div class="key-date-icon">
                  <i class="far fa-calendar-check"></i>
                </div>
                <div class="key-date-content">
                  <h6 class="mb-0">Camera-Ready Submission</h6>
                  <p class="text-primary fw-bold mb-0">October 30, 2025</p>
                </div>
              </div>
            </div>

            <div class="key-date-item">
              <div class="d-flex align-items-center">
                <div class="key-date-icon">
                  <i class="far fa-calendar-check"></i>
                </div>
                <div class="key-date-content">
                  <h6 class="mb-0">Conference Dates</h6>
                  <p class="text-primary fw-bold mb-0">December 2-5, 2025</p>
                </div>
              </div>
            </div>
          </div>

          <div class="text-center mt-3">
            <a href="important-dates.php" class="btn btn-outline-primary btn-sm">View All Dates</a>
          </div>
        </div>

        <!-- Location Widget -->
        <div class="location-widget bg-white shadow-sm rounded p-4 mb-4">
          <h4 class="fw-bold mb-3">Conference Venue</h4>
          <div class="mb-3">
            <img src="images/GranCanaria.jpg" alt="Gran Canaria" class="img-fluid rounded">
          </div>
          <h5>Lyon, France</h5>
          <p class="text-muted">Join us in this beautiful location for three days of innovation and collaboration.</p>
          <a href="venue.php" class="btn btn-outline-primary btn-sm">Learn More</a>
        </div>
      </div>
    </div>
  </div>
</section>



<script>
  (function (i, s, o, g, r, a, m) {
    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
      (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date(); a = s.createElement(o),
      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

  ga('create', 'UA-88983316-1', 'auto');
  ga('send', 'pageview');


  document.addEventListener('DOMContentLoaded', function () {
    const myCarousel = new bootstrap.Carousel(document.getElementById('main-carousel'), {
      interval: 4000,
      wrap: true
    });

  });

  // Conference countdown function
  // Conference countdown function
  function updateCountdown() {
    // Set the conference date (December 9, 2025)
    const conferenceDate = new Date('December 9, 2025 00:00:00').getTime();

    // Get current date and time
    const now = new Date().getTime();

    // Find the difference between now and the conference date
    const timeRemaining = conferenceDate - now;

    // Calculate days, hours, minutes and seconds
    const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
    const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);

    // Display the result in the elements with respective IDs
    document.getElementById('days').innerHTML = days < 10 ? '0' + days : days;
    document.getElementById('hours').innerHTML = hours < 10 ? '0' + hours : hours;
    document.getElementById('minutes').innerHTML = minutes < 10 ? '0' + minutes : minutes;
    document.getElementById('seconds').innerHTML = seconds < 10 ? '0' + seconds : seconds;

    // If the countdown is over, display a message
    if (timeRemaining < 0) {
      clearInterval(countdownTimer);
      document.getElementById('days').innerHTML = '00';
      document.getElementById('hours').innerHTML = '00';
      document.getElementById('minutes').innerHTML = '00';
      document.getElementById('seconds').innerHTML = '00';

      // Optional: Display a message when countdown is over
      const countdownElement = document.getElementById('countdown');
      if (countdownElement) {
        const conferenceStarted = document.createElement('div');
        conferenceStarted.className = 'alert alert-primary mt-3';
        conferenceStarted.innerHTML = 'The conference has started!';
        countdownElement.parentNode.appendChild(conferenceStarted);
      }
    }
  }

  // Initialize the countdown
  document.addEventListener('DOMContentLoaded', function () {
    // Run immediately once
    updateCountdown();

    // Update the countdown every second
    const countdownTimer = setInterval(updateCountdown, 1000);

    // Store the reference to the timer
    window.countdownTimer = countdownTimer;
  });
  // Initialize the countdown
  document.addEventListener('DOMContentLoaded', function () {
    // Update the countdown every second
    updateCountdown();
    const countdownTimer = setInterval(updateCountdown, 1000);
  });

</script>

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